38271 comments found.
First of all, just wanted to say, you guys are amazing. I’m really enjoying working with the Salient theme and appreciate all the effort put into it.
I’m currently building my website (justwentvyro.com) and have a few questions I hope you can help with:
1. Off Canvas Menu Consistency (Mobile)
I’ve set my Off Canvas Menu to Fullscreen Cover Split, and it works great on mobile. For desktop, I’m using the standard header.
Here’s my current setup:
Header Blur Background Functionality: Active when “transparent header effect” is not.
Transparent Header Effect: “Header Permanent Transparent” is turned off.
Because my site is blog-heavy, I’m unable to Force Transparency on single blog posts or category pages. On desktop, like this and this works fine, so I don’t want to change anything:
Pages = solid header Blog posts = blurred header
However, on mobile, the header is blurred across everything; pages, blog posts, categories, which I’ve grown to like. My issue is with the Off Canvas Menu styling on mobile:
When I’m on a page where I can force transparency (e.g. homepage), the menu opens exactly how I want it: ✅ https://prnt.sc/KmYff8JcdRr9
But when I scroll, or visit a page where I can’t force transparency (e.g. blog post), the menu opens with a weird overlay effect: ❌ https://prnt.sc/BugXOiI0FkWu
Question: How can I ensure that the Off Canvas Menu always looks like the first screenshot, regardless of scroll position or page type?
2. Header Padding on Mobile
I’ve got the header padding set up perfectly for desktop, but on mobile it doesn’t quite translate visually.
Question: Is there a separate option or setting to adjust header padding specifically for mobile?
3. Remove Underline in Off Canvas Menu (Mobile)
In the Off Canvas Menu on mobile, I’ve noticed the nav links are underlined. Screenshot: https://prnt.sc/KmYff8JcdRr9
Question: How can I remove the underline and just keep a simple color hover or active state instead?
Thanks so much in advance for your help!
Bupe
Hey Bupe!
You can make those changes by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/zMM92vhd
Kind regards
Hi Team,
I have pasted this is code you gave me: https://prnt.sc/_ADhizxYef49
But nothing happens. Everything is unchanged.
sorry scratch that. It worked! Just needed to clear my cache.
I’m glad it worked for you, Bupe 
Hey ThemeNectar!
Recently I’ve been receiving a new error that continues to pop up in the error_log file making that error file several MBs in size and I’m scratching my head trying to figure out what’s causing it. It’s repeating every 20 minutes or so, randomly.
The error is: PHP Warning: Attempt to read property “ID” on null in …./nectar/helpers/enqueue-scripts.php on line 462
It just started happening in the past couple of weeks. Do you know what this is and how to fix it? I’m on the latest Salient version: 17.1.0
Any help is greatly appreciated. Thank you!
Hey lookwhoo!
We’ll be adding the fix for that into the next minor release.
Kind regards
Great, looking forward to it. Thanks!
You’re welcome, lookwhoo
Hello, a question regarding “Salient Social”. Is it possible to make instead of expanding to the top, can I make it expand to the left?
Hey jaclerigo,
You can make that change by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/bWQqU9nw
Kind regards
Thank you. But, looks like that pastebin link is not working. Can you send it in another way, please?
Hey jaclerigo, here’s a direct paste:
body .nectar-social.fixed .nectar-social-inner a.nectar-sharing {
transform:translateX(0px) scale(0);
}
body .nectar-social.fixed:hover .nectar-social-inner a:nth-child(1) {
transform: translateX(-56px) scale(1);
}
body .nectar-social.fixed:hover .nectar-social-inner a:nth-child(2) {
transform: translateX(-106px) scale(1);
}
body .nectar-social.fixed:hover .nectar-social-inner a:nth-child(3) {
transform: translateX(-156px) scale(1);
}
body .nectar-social.fixed:hover .nectar-social-inner a:nth-child(4) {
transform: translateX(-206px) scale(1);
}
Kind regards
Hello, thank you so very much! It works perfectly.
You’re welcome, jaclerigo
Hello! Thank you for the best wp theme ever. I have a Custom Icon Image (svg) in Fancy box with Color Box Hover Effect. But I need to make it not visible on hover. Can you give me css style for this please. Thank you!
Found)
Hey mserge, I’m glad that you found what you were looking for
Hi Salient-Team, just a quick question about the “Icon List” element: When using the Icons with Background (circle around the icon), the color does only affect the icon but not the circle around it. Is there any way to make the icon and the circle the same selected color? And for the text in the list item: Is there any way to give the text a different color than the header? For example header text = red, text content = black?
Thanks a lot, Dennis
Hey Dennis,
You can make that change by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/hMMsTZxz
Kind regards
Hi! How can I edit Team Member element of WPBakery Page Builder? For example, I want to change Bio photo from single image to galllery.
Hey sanjah86!
Since there’s no option to specify a gallery element for the team member modal, you would need to modify the template file for that element in your child theme. Here’s the documentation on doing that: https://themenectar.com/docs/salient/overriding-salient-wpbakery-element-template-files-through-a-child-theme/
Kind regards
It’s been a long time since I worked on my site. I’m still on version 13. Tried to update directly to 17. Didn’t work. How is the uprade path? What steps do I have to take to make this work?
Hey scratsmacker, v13 to v17 should not require any additional steps outside the normal methods to update. https://themenectar.com/docs/salient/updating-salient/
What error are you experiencing when attempting to update?
Kind regards
I just installed and activated v17 and when I try to reload a page from the site it never loads. The page stays blank and the loading anim from the browser goes indefenitely.
Hey scratsmacker,
If you’ve already deactivated all third party plugins to rule out a conflict, please please reach out via the contact form on my author page in regards with your website details so we can take a closer look.
Thanks in advance
Is there any documentation about how the H1/H2/H3 headings in the Responsive Settings under Typography correspond to certain header elements on the site? In other words, I have an ordinary page with a header image and header title. When I view this page on an iPad in portrait orientation, the header is too small for my taste. It looks fine in landscape orientation. Which of the headers settings do I change in the typography settings to change that?
Hey scratsmacker,
If you’re referring to the Page Header which you’ve set via the “Page Header Settings” metabox, that should respond to the percentage scaling you set in the Salient options > Typography > Responsive Settings tab for the H1 fields. If that’s not occurring for you, and you’ve ensured that you’re on a recent release of the theme (v17+), please share the page URL so we can take a look.
Kind regards
Hi guys,
Is this normal that BRUT HTML does not show on the front end once published?
THanks
Fake alert, it works
Thanks
Hey there, I am having an issue with wpforms. the fields are stacked on top of each other and the button is bugged. The styling menu backend is not working properly to space cells apart. here: https://curumari.com
How can I fix these 2 issues?
Hey kayota, Your form has the class name “nectar-inline-subscribe-form”, which is a theme-specific class which expects the form to contain a single field + submit button. You’ll need to remove that to correctly display multiple fields: https://ibb.co/GvPHkncx
Kind regards
Ah i see thank you. The problem is if I remove that the hole nectar theme aesthetics goes away and the form looks horrible. Is there a script to maintain Salient’s looks and allow for multiple lines?
Hey kayota,
The “nectar-inline-subscribe-form” is the only additional class we include for connivence with WPForms, however you can add additional rules to that to make it support multiple fields. If you add that class back in, you can also add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.nectar-inline-subscribe-form.wpforms-container-full .wpforms-field-container {
display: flex;
padding-right: 26%;
gap: 10px;
}
.nectar-inline-subscribe-form.wpforms-container-full .wpforms-field-container .wpforms-field {
width: 50%;
}
Thank you for the reply. its looking better but its all on the same line. I need it in multiple lines because I am using 4 fields and on mobile it does not work as you can see in the link provided.
Hey kayota,
We only provide a custom class for a simple inline form. To modify the styling of your WPForms beyond the options available in their settings and the styling options provided under Salient > Form Styling, you’ll need to create custom CSS. If you’d like further assistance with a custom CSS rule set, feel free to open a ticket on the support forum.
hi, after last update the “close” and “save changes” buttons in wpbakery modal are missing, i can’t save the changes in the elements. can it be a bug?
Hey roccokobe,
Have you verified the “Auto save” feature is not active in your WPBakery > General Settings?
Kind regards
the “auto-save” option is not present in the setting of wpbakery. after the “Disable Gutenberg Editor” option, there is only the “Default template for post types” list. i try also to edit pages in the front end editor, but in the objects modal the buttons to close or save are missing.
Hey roccokobe,
If you’ve also verified that you’re using the latest Salient WPBakery plugin (7.8.1), please please reach out via the contact form on my author page in regards.
Kind regards
Dear Salient team,
I would just like to inform you about some config missing from your WPML xml. It would be really helpful to add it because right now we have to add it by ourselves in the WPML settings.
In the split_line_heading tag, you are missing the link_href attribute. It should be like so:
<shortcode>
<tag>split_line_heading</tag>
<attributes>
<attribute>text_content</attribute>
<attribute type="link">link_href</attribute>
</attributes>
</shortcode>And in the image_with_animation tag, you are also missing the img_link attribute. It should be like so
<shortcode>
<tag>image_with_animation</tag>
<attributes>
<attribute type="link">img_link</attribute>
</attributes>
</shortcode>Thank you!
Hey VisualRow,
Thanks for reporting that. I’ve noted to include it in the next release
Cheers
Hi Nectar Team,
Images are blurry (pixelated) when uploading into the Gallery (Post Loop Builder) section of the webpage. The images show up high-quality in Photoshop but once uploaded onto WP it compresses the image. I’m aware there is some natural compression but compared to the default theme (stock) images is significant. I’m aware this is the theme and not WP as I have a live site that has the same images/assets as these are high-quality. I’ve researched troubleshooting as I added the plugin WPCode and added the snippet and it still doesn’t work. I’ve tried multiple resolutions (upload larger size image, upped the resolution in Photoshop, etc.). Below is my staging site vs my live site for reference. Please advise.
Staging site https://test2.marcodardignac.com/ Live site https://marcodardignac.comHey marcod845,
Have you verified that your “Image Size” is set to “Full” within the Post Loop element settings? https://ibb.co/B2bGB5Yh
Kind regards
Hey ThemeNectar,
It wasn’t set to “Full” Thank you for that but as I’ve made the change it improved the image quality only slightly. I’ve noticed the theme reduces the quality a lot as the size uploaded 262KB goes to only 140KB. This is too low compared vs my live site images at 246KB. If I could somehow get this theme to at least 200KB would make a drastic improvement. Please advise.
Hey marcod845,
Salient does not apply any quality restraints on uploaded images. You can disable the automatic compression and sizing constraints that WordPress enforces by adding a snippet to your child theme. https://wordpress.org/support/topic/how-can-i-stop-wordpress-from-compressing-images-automatically/
Note that after adding that, you’ll need to regenerate your thumbnails or reupload your images.
Kind regards
Hey ThemeNectar,
I’ve implemented the code snippets and have seen an increase in KB size with no longer a limitation, but I have not seen much improvement in image quality in the front end (live area). There’s a clear significant difference between my images vs. the stock theme images. While I’m feeling (liking) this theme and would love to use it, I’m a graphic designer and I can not go into job interviews with blurry (pixaleted) images. The images also look extremely blurry on mobile devices. Please, would you be able to trouble shoot this more on the back end, I can provide my credentials for my account.
Hey ThemeNectar,
I’ve gave it another try and have replaced the gallery loop image to match my header image and I’m satisfied with the quality/resolution. The code snippets provided helped, thank you.
Hey marcod845,
I’m glad that you were able to get it resolved
Cheers
I have a custom post type that is loading using salients blog options as expected, but the in salients settings for Pagination Type I have selected Infinite scroll and it doesnt load any more posts. Is this possible with salient to have infinite scroll on a custom post type archive? Note: I am not using a custom archive-posttype.php template, just relying on index.php
Hey FightTheNewDrug,
I’ve noted to include the needed change to allow that to function correctly in the next release. If you would like immediate access to the change, feel free to please reach out via the contact form on my author page in regards.
Cheers
Hi Salient Team, How are you today.
I meet some trouble to update the Salient Version of this website : https://www.ltsm.fr
The problem si my version is today 17.0.7. The 17.1.0 is available on Envato Market (2.0.12) installed on the wordpress website, and when I launch the update, an error message appears : Updating failed : you already have the last version.
So I don’t understand where is the issue. If you have any idea or suggestion, please let me now.
Thanks a lot. Have a good day. Best regards. Alex
Hey Alex,
It sounds like there’s an error reading the versions in your setup. Have you tried to manually upload the latest version to bypass it?
Kind regards
Hi,
Thanks a lot for your reply. Are you talking about Envato Market plugin? What is the latest version ?
For information, I deleted the plugin an reinstalled it manually to the website. It’s always the same version 2.0.12.
Best regards.
Hey alexis182,
I was referring to manually updating the theme by uploading a fresh copy to Appearance > Themes.
Kind regards
Of course. Thanks a lot for this. It worked. Thanks for your help and have a great day.
Best regards.
You’re welcome, alexis182
how can we update WP Bakery to the latest version? It’s not included in your latest theme release.
Hey lightwavin,
We’ll be including it in the next release of Salient. If you would like immediate access to it, feel free to please reach out via the contact form on my author page in regards.
Thanks in advance
Hi.
Could you please tell me which file and what line I need to edit in order to add a custom option to order a Post Loop Builder’s contents by? I have the post meta tag ‘the _event_start’ and I would like to order what’s displayed in the Post Loop Builder by that if possible.
Thank you.
Hey speedofsound,
You would need to copy the “nectar_post_grid_item_markup” function into your child theme from the file salient-core/includes/post-grid/loop-markup.php
Kind regards
How can I get my image to display width:100% when using the layered hero section? I have a 4000×3000 image and it still scales and blurs it a bit. Any way to have it just set at 100% width vs scaling?
Hey mbianchi27,
You can select the image size used for rendering in the Post Loop Builder settings. Using the ‘Full’ size will ensure a non-cropped version is loaded. However, by default, WordPress automatically applies a maximum image width of 2560px. If you want to load an image larger than that, you will need to use a filter or a plugin such as https://wordpress.org/plugins/better-image-sizes/
Kind regards
The layered hero section is not a post loop component? Its just a background image
My apologies, mbianchi27. I thought you were referring to the main loop in the “Layered” demo. The row BG automatically uses the “Full” size of a selected image, so the same information applies relating to my previous comment. Can you please share your URL so that I can take a look?
Is there a way to completely get rid of the search bar? I have it deactivated in the menu, but ADA compliance checker still sees it and is flagging it. Thanks.
Hey rswayenvato,
If you’ve verified that you’re on a recent release of Salient (17.1.0), can you please share your URL and specify what accessibility issue you’ve seeing related to the search?
Kind regards
hey! I need to update my site from 8.5.5 to latest. I’m reading the changelog to get an idea of the awareness level but I’d like to ask if it’s doable and where should I focus or expect the main pain points. Thanks!!
Hey merloc!
Yes, updating between those versions would be possible. However, you should read through this article before an upgrade involving such a large jump. https://themenectar.com/docs/salient/important-salient-update-for-new-envato-requirements/
Kind regards
