38356 comments found.
‘Text To Display In Header’ under Layout & Content Related.
How do I hide this from the mobile menu? I want it on desktop but not mobile. Thanks!!
Hey michellemarlowe!
Add this into the custom CSS box in the Salient options panel > General settings > CSS/Script related tab:
body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content {
display: none;
}
Thanks so much!
You’re welcome, michellemarlowe 
Hi, I am trying to use Nectar Slider twice on my home page. 1 for Desktops and Tablets (disabled for mobiles in Responsive Setting), 2nd for Mobiles only with Responsive settings disabled for Desktops and Tablets. The challenge is, slider is invisible, but the place holder space is still visible. you can see this on demo website: sonicasarna.in
Please help.
Hey alokupadhayay,
I’m currently only seeing one instance of the Nectar Slider being used on your home page. Can you verify that you still have the second one active? If so, can you kindly attach a screenshot of the space issue you’re referring to?
Thanks in advance
Hi, at present I have disabled that and found a way around. However Will implement on another page and share with you. Just in case if its a bug, can be fixed.
Hello ThemeNectar. I have searched for a while for the answer by myself before getting here. It seems that every image in every row of my pages are loading again when entering in the viewport. the loading time is very long and it show huge portions of the background color over the content. Yeah this is bad. i am building the website at the moment and in comparaison of your demo its not the same im afraid
could you take a quick look to my page ? https://bit.ly/2V2nk6C
i am using only the “standard” suite of plugins with no css or js alteration. Please le me know if you understand and if you know what seem to be the issue. Thank you PS: the effect is really obvious when you scoll fast.
Hey basilroland,
That delay you’re seeing is the image lazy loading functionality. You can disable it if desired in the Salient options panel > general settings > performance tab via the “Lazy Load Page Builder Element Images”
Kind regards,
Thank you.
Sorry but the this is not that, i tried many times to deactivate the lazy load, the rendering is ugly even on the color backgrounds. i tried the lazy load on other plugins to see and this is not solving the issue. let me know if you have any clue of what it could be. thanks again
To be really clear i am talking about the rendering of each row, it takes 2/3 of the screen to render when scrolling fast, are you seeing it ?
From the sounds of it, your computer could be struggling to render the page animations. Have you tried to
1. Test when logged out of the WP admin 2. Disable the “Header Inherit Row Color” option in the Salient options > header navigation > header transparent effect tab?
Yes you are right. I had to switch my macbook pro on graphic card only. and not the apu to verify this. But i dont understand why it is happening only on your theme. I never experienced this on any other website. Is there any css code that can improve rendering ? Thank you for your support.
Hey basilroland,
It’s likely due to the animations which are used on that page – we already use the latest available CSS techniques for high-performance rendering, but the demo page still makes use of a bunch of animations which. Are you experiencing the issue on other pages throughout the site?
No that was only on the home page but i will reduce the amount of animations. it will solve the thing i hope. Thank you again.
Hi there, I am trying to upload the theme to wordpress but it kept giving me the two lines below. I tried it multiple times and wasn’t able to get it to work.
“The link you followed has expired. Please try again.”
Hey liyaozju, that error can occur when your hosting company has not set the max upload size or maximum execution time great enough to be able to upload the theme. Please see the docs here for reference.
Kind regards,
Thank you! I changed the max upload size and I was able to go pass that error screen. But I got a new error on the installing page:
Installing theme from uploaded file: themeforest-yUQdq8aA-salient-responsive-multipurpose-theme.zip Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme installation failed.
I got it to work 
For anyone else who comes across this – That error would show when you’ve uploaded the main .zip archive downloaded from ThemeForest instead of the “salient.zip” theme zip:
https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error
I remember in previous salient versions I was able to set the responsive breakdown to at least 1300pixels or less so that my menu becomes responsive when viewing on a laptop and not break the menu so the menu items that are two words slot underneath each other. Why don’t I see that functionality anymore?
Hey gustav939,
You can still set the mobile breakpoint – its newer location is within the Salient options > header navigation > mobile header tab. Kindly let me know if you’re unable to access it there.
Thanks in advance
thank you I missed that!
Glad I could help, gustav939 
Hi again,
I want to create a page without a header image/slider. I am also using Yoast SEO > breadcrumbs. My body content starts with a purple bg color, some text and a btn. Between the header menu and this purple container I have breadcrumbs with the standard bg color of the page. I thought If i make the bg of breadcrumbs also purple and edit it a bit it will nicely blend in.
But cant find the most easy CSS.. can change the position and z-index but maybe there is a more easy way. Hope u can help me out.
Hey Mikel2020,
You can use the following CSS snippet for that alteration:
#breadcrumbs:before {
margin-left: -50vw;
left: 50%;
width: 100vw;
height: 100%;
position: absolute;
top: 0;
content: '';
display: block;
background-color: #9c29ff;
z-index: -1;
}
thanks, will try this 
Hi there, want to use 2 buttons next to each other and using a text editor > shortcode > btn.
Whatever I choose I always get this: [button color=”undefined” hover_text_color_override=”undefined” url=”/” text=”my txt” color_override=”#f69c2a” hover_color_override=”#f69c2a”]
I would like to have a ‘see through button w/hover’. Any other option or can you provide me right shortcode?
Hey Mikel2020, Are you using the latest version of the Salient shortcodes plugin (v1.5)? If so, that shouldn’t be occurring and I would need to take a look at your setup to see what’s going on. You can use the following shortcode structure for that button style in the meantime:
[button color="see-through-2" hover_text_color_override="#fff" size="large" url="#" text="Button text" color_override="#f69c2a" hover_color_override="#f69c2a"]
Kind regards,
Thx for the shortcode. I am using an old staging version. Will update right away 
You’re welcome, Mikel2020 
Dear Salients,
there is a gap by using shape dividers in connection with 4k-monitors. Chorme and Edge only.
See screenshot here:
https://www.born-design.de/DL/shapedivider.jpgCheers!
Hey born-design,
I’ve noted to investigate that further. Could you also kindly share your URL so that I can replicate your settings?
Cheers
Thanks born-design 
Sorry, wrong question to wrong product.
When are you going to be releasing an update to support WP 5.8 and WooCommerce 5.5.1?
Hey Clix2Brix18,
There are no known compatibility issues with the latest WP or WooCommerce versions. If you’ve run into any problems, please specify them. The next minor release will be out early August, unless new compatibility issues are found with 5.8.
Kind regards,
Hey TruBrotha,
As of Salient v13, there’s a new header layout like that called “Centered Logo Menu Alt”
Cheers
I know that. The first image is my salient but you see the menu items are too close together and not spread out to fill the space like the Zillow image. The first image is mine based on salient. I want to make it spread out to fill the header like the zillow second image and also space between the menu items Help
Hey TruBrotha,
The new “Centered Logo Menu Alt” layout spreads the left/right menus to the edges – ensure that you have the “Full Width Header” option also enabled in the Salient options > Header navigation > layout & content related tab. If you already do, please share your website URL in regards so that I can take a closer look.
sent you a message
Thanks TruBrotha, I responded earlier today in regards.
Hey strivingblogger,
Add this into the custom CSS box in the Salient options panel > General settings > CSS/Script related tab:
.single.single-post .section-title h1 {
max-width: none;
}
Cheers
Hey, just letting you know that the code didn’t work. It didn’t change the title width at all.
Hey, try to add an !important on that property 
.single.single-post .section-title h1 {
max-width: none!important;
}
Cheers legend, I adjusted the ‘none’ to 760px (the width of the image), is that alright to do? Like it fixed the problem but I’m just double checking that it’s all good. Thanks.
Hey strivingblogge,
Yes, that’s fine to do 
Cheers
Hi Salient,
I’m making this page: https://eventsoftwarebenelux.com/api-informatie/ (password protected: ESB2021) and I would like the menu on the left to be sticky. I made it with a sidebar widget. I would prefer to make it in a column and that that column will be sticky and the other one can scroll down. Is that possible? If not, how can I make the sidebar sticky? Thanks in advance! I’m trying to create something like this: https://www.ticketmatic.com/docs/api/ If you have any other suggestions how to create this with Salient theme that would be most welcome!
Kind regards,
This is awesome guys! Great, thanks a lot!
You’re welcome Abbenhues 
Hi guys, This option is fantastic btw! I do have one more question regarding this topic. I’ve made a menu and pasted it into my side bar widget (https://eventsoftwarebenelux.com/api-informatie/). I’ve created sub menu items, technically everything works but it could happen that my submenu items will be very long so I would prefer that my parent menu item (f.e. API 1) can fold in and out. So when I would click on API 2 all the subitems for that menu item will appear and the API 1 will fold inside so only the parent item is visible. I hope I made myself clear. Looking forward to your reply.
Best regards, Tes
Hey Tes,
Unfortunately adding toggle functionality to that element would require custom JavaScript, which is a bit beyond the scope of regular theme support. You may be able to find a plugin that offers a more advanced menu widget with that option that could be used in that area.
Kind regards,
I understand, thanks! I used Bellows Accordion Menu plugin and used some custom css but that’s working fine:) Thanks again.
You’re welcome, Abbenhues 
Hello,
It is a bit late but i would like to ask about the web accesibility that salient offers. I have used the theme and show element options that refer to the web accesbility but i have an upcoming project on creating an e-shop and needs to be compilant with WCAG 2.0 and AA checker.
So before looking for a plugin that will provide some tools, i would like to ask if there is any demo page that i can check with the achecker? Or any documentation that refers to that part of your theme?
Best Regards
Hey supp0rt,
We’ve added various accessibility fixes and options in v13 – you can test the latest demo in regards: http://themenectar.com/demo/salient-ecommerce-robust/
( We used https://www.webaccessibility.com/ for testing )
How do I change the overlay color in the portfolio hover without changing the accent color? – this is not working: body .portfolio-items .work-info-bg { background-color: #666 !important; } see here: https://www.architech.co.za/new/projects/
Hey gustav939,
You can alter that with CSS by changing to your snippet to the following:
#ajax-content-wrap .portfolio-items .work-info-bg { background-color: #666 !important; }
Kind regards,
Are there plans to incorporate an events calendar?
Hey Coastdesign, as of now there are no plans on the roadmap to integrate a calendar system into the core of Salient. I would suggest checking The Events Calendar plugin.
Kind regards,
Thanks for the reply. Does the Events Calendar work with the theme?
Hey Coastdesign, Yes the events calendar is compatible with Salient. Have you run into an issue?
I haven’t tried it yet. Will let you know. Thanks for the reply.
You’re welcome, Coastdesign 
Hey apinzon!
That URL is redirecting to the WP login – is the site not publicly accessible at the moment?
Kind regards,
Sorry. Please try again. https://hipomotoprod.wpengine.com/registro/
Hey apinzon,
In the “template” dropdown in the page attributes metabox, you can select “No header” to remove that: https://ibb.co/fYVwQ5K
Cheers
Oh wow! I didn’t know this functionality. Has it always been there? I’ve usually always decided to hide the header/footer with custom CSS rules. What do you recommend?
Hey apinzon, it would be easier to make use of the provided page template so that you don’t need to add extra CSS 
Hello guys,
Is there a quick code snippet I can add to the custom css box which allows me to change the font size and color of the initial price when im running a sales campaign? Right now the initial price is gray (on white background) and much smaller than the current (discounted) price. Heres a ps with the current situation
https://ibb.co/q1DfgdY
Hey bogdan_stanciu 
Add this into the custom CSS box in the Salient options panel > General settings > CSS/Script related tab:
#ajax-content-wrap ul.products li.product .price del .amount {
color: #ff2626;
font-size: 2em!important;
}
Thank you Mr. Misterious ThemeNectarMan! :)) Works like a charm xoxo
You’re welcome, bogdan_stanciu 
Hi ThemeNectar,
I am trying to change the column width of my website that contains body copy (text) while keeping some elements full width.
This page gives you a great example of the current layout: https://staging.evermaven.agency/campaigns/future-oxford-with-oxford-county/
I have already disabled the “Extended Responsive Design” option within Salient but I would like to make the columns narrower. Can you please give me some insight as to how this can be done, more so for mobile devices (phone/tablet)?
Many thanks.
Best, Alan
Hey Alan,
Add this into the custom CSS box in the Salient options panel > General settings > CSS/Script related tab:
.wpb_row:not(.full-width-content) > .span_12 {
padding: 0 10%;
}
Kind regards,
Thanks for the quick reply. Follow-up questions;
1) Will the CSS above work for all browser and mobile sizes or is it different for tablet and mobile?
2) How do I increase the spacing/padding in-between the two columns?
Best, Alan
Hey Alan,
1. Yes, it will reduce the space on the left/right by 10% in all viewports.
2. Please provide a screenshot highlighting which columns you’re referring to and also if you’re referring to the horizontal or vertical gap between them.
Kind regards,
1. That’s great. If I wanted to add the CSS code to different media queries, can I use the same code or would I need to change it? For example, would the code be different for use on desktop compared to mobile/tablet?
2. See screenshot here: https://prnt.sc/1dkdk22. I am referring to the vertical gap between the left-side title and right-side copy.
3. Is there a way to change the width for the sections containing the copy only? Currently the code you provided changes the width of the video as well.
Thanks again. Best, Alan
Hey Alan,
1. You can place it within media queries:
@media only screen and (min-width: 1001px) {
.wpb_row:not(.full-width-content) > .span_12 {
padding: 0 10%;
}
}
@media only screen and (max-width: 1000px) {
.wpb_row:not(.full-width-content) > .span_12 {
padding: 0 15%;
}
}
2. You can edit the row which holds the columns and adjust the “Column Margin” parameter.
3. If you’d rather have precise control over different sections, you can simply use the row left/right padding option for your desired rows: https://ibb.co/mCVvtLF
Cheers
hi! https://www.porrassa.com/en/projects/ any way to show all so the ALL button to show all projects, but hide the projects of a of a certain category? thx
Hey dimage,
The easiest way to achieve that would be through using a tabbed element and placing each different instance of the post grid in each tab so you can control which grouping of categories you would like to show for each filter.
Cheers