38168 comments found.
Hi Themenectar! My video background on my homepage for some reason is not playing on mobile, it just shows a gray background. I’ve checked that everything is ok, have both the WebM and Mp4 files up, but no go. On the backend the mobile version shows just fine, but when I actually check it on my mobile, it doesnt show. What could it be? the site is livenlab.org Thank you as always 
Hey anagcan!
I’ve checked your page on a couple of mobile devices and can see the video playing back normally. Have you made sure that your mobile device isn’t in low power mode? If it is, video autoplay will be blocked. If that’s not the case, please let me know which mobile device you’re testing on.
Cheers
Hey Nectar, hope youre doing well man! Quick question how do I handle the break point below 1000 Dimensions, right now 800px seems to be giving me trouble on viewports
https://www.theborregobrothers.com/Hey lnbbroductions!
If you’re referring to the header navigation not having enough space to display on smaller desktop screens, you can increase the Header Mobile Breakpoint in Salient Options > Header Navigation > Mobile Header tab. If you’re instead referring to something else, please share a screenshot of what you’re trying to fix.
Kind regards
Hey there yes, the mobile header tab doesn’t work for me.
Here is what I keep getting at 1450px
https://ibb.co/fdt97sHkIve tried this code
@media only screen and (max-width: 1450px) { body #header-outer .container { max-width: 100% !important; padding-left: 40px !important; padding-right: 40px !important; box-sizing: border-box; } }
but its not working for me in the custom CSS code Salient options panel
Hey, could you kindly reach out via the contact form on my author page so I can take a closer look at your settings? I’m unable to replicate the Mobile Header Breakpoint setting not taking effect on my end.
Hey There. Can’t seem to make mobile animations work, even when I enable on the salient options panel. I am missing something?! here is the link: https://curumari.com
Hey kayota,
When using the ‘Delay JS Execution’ option under General Settings > Performance, top-level animations are automatically disabled on mobile to improve PageSpeed scoring. If you’d like to enable those animations, you can disable this theme option.
Kind regards
Perfect thank you so much. One final question.. I am setting up the site again in a Clean installation due to some bugs. I have added the icon to the button on the top right Conner but it’s not showing on mobile. https://wordpress-959360-5493775.cloudwaysapps.com
No problem, kayota
You can make your button icons display in mobile by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
@media only screen and (max-width: 690px) {
#header-outer .nectar-mobile-only.mobile-header .nectar-menu-icon {
display: block!important;
}
}
Kind regards
Hello,
I’m experiencing an issue on my checkout page that I’m unable to resolve.
When you click the “Terms and Conditions” link (see: https://ibb.co.com/kg1jCqvN), the section drops down as expected. However, the content inside the terms and conditions box appears to be displaying raw Visual Composer shortcodes instead of rendering the formatted content.
You can view the issue here: https://ibb.co.com/h189PHGt
Thank you for your assistance.
For an example Check https://www.serabites.com/checkout/
Kind regards
Hi,
Woocommerce does not seem to be displaying properly, I’ve updated my theme and Woocommerce and tried every option on the settings menu but there is a large block of padding on the left of the screen that I cannot remove with CSS. Any ideas why?
https://roryflynn-prototypes.co.uk/ensign/product/heavy-duty-double-jail-bar-door/Thanks
Hey Rory1984,
It looks like there’s an issue with the HTML markup on your page that’s causing the gallery to render in the wrong location. If you’ve already confirmed that no third-party plugins are responsible, feel free to reach out via the contact form on my author page.
Thanks in adance
Hello,
For one of our customers, we need to make some adjustments to the “Similar products” component of the visual composer. Could you tell us how it works at the moment? And if it is possible to modify it?
Thank you in advance.
Hey MAJMonaco,
If you’re referring to the “WooCommerce Products” element inside of WPBakery, that would require a modification from your child theme. Here’s the documentation on overriding page builder elements from your child theme.
Kind regards
Hello, I’m talking about this item: https://share.cleanshot.com/tzMZPSMP
can you tell me the location of the file to be modified
Hey MAJMonaco,
That’s not a Salient-specific element—it’s a core WPBakery element that simply serves as a shorthand for the WooCommerce [related_products] shortcode. https://woocommerce.com/document/woocommerce-shortcodes/related-products-add-to-cart-and-notification-shortcodes/
How can I remove categories from the blog header? I don’t see an option to remove it. There is only one to select how you want to display it.
Hey rjlucas,
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:
#ajax-content-wrap .meta-category {
display: none;
}
Kind regards
Hey, I’ve been using salient theme for over 6 years and unsure why there is no specific select box for columns width in Responsive settings for inner for tablets. It always adds me a lot more works than it should’ve.
The issues are that very often the Tablet Column Width Inherits From doesn’t fit either mobile or small desktop width and requires it’s own column structure specific for that size.
Could you kindly consider having another dropdown like all of the other screen widths? So I could select a specific size for each screen width, and not have to rely on inheritance from any other screen width, as that is just unneeded and unfriendly way to do the same, but additionally limiting the options and seems kinda odd to just have it for one specific thing to be done totally different.
Unless I am really stupid and there is some way to do it without making my custom css all the time.
Cheers
Hey juvengle,
WPBakery doesn’t offer that option by default, but we’ve noted the idea to potentially adjust the functionality on our end.
Kind regards
How do you remove the floating social share icon on post and portfolio pages?
Hey rjlucas,
You can disable the social sharing buttons in your setup by deactivating the optional “Salient Social” plugin in your WP admin.
Kind regards
That worked. Thank you.
You’re welcome, rjlucas
why does WPBakery keep scrolling down? This is very annoying. When will it be fixed, please?
Hey toolbox101,
WPBakery automatically scrolls to highlight the active element being edited. In the next plugin release, this behavior will be optional and can be disabled in the WPBakery settings.
Kind regards
Hey Salient team, how do I make my row sticky on mobile too? It seems when it drops below 1000 pixels, the sticky row stops working.
Hey juvengle,
Sticky content is disabled on mobile by default in Salient. If you would like to enable it, it would require a CSS snippet. Can you kindly share your page URL so that I can help out with that?
Kind regards
Hi there, I have a small request that I need help with. I’ve built my photography portfolio, now I’m trying to display two images side by side on mobile in a gallery, but they keep stacking vertically. Is there a way to force two images to appear next to each other on smaller screens? Any guidance on how to achieve this would be appreciated.
Thanks in advance!
Hey DillanIsrael!
Can you share your page URL so that I can take a look at your current settings in order to assist with that change?
Kind regards
Hi there,
Thanks for the response. Site URL: https://soloaperture.co.za/
Thanks DillanIsrael,
I’m currently seeing that page already display in 2 columns on mobile: https://ibb.co/TMhgbJH2 What device are you using where the layout still appears as one column?Kind regards
When using the Particle Effect images and Box Roll Header, it looks like the Title H1 has a fixed text size of 44px regardless of what the Salient H1 is set in typography. But when I turn off Box Roll Header, the H1 Title goes to the size I set in Salient Typography Settings. Is there a way to override this and let me choose what font size is in this area? Same with the subheading “Caption” font. Can you please give me CSS to be able to change those fonts and font sizes? Thank you!
Hey loansites!
You can use the field “Page Heading Font” in the Typography > Navigation & Page Header Settings tab in order to set a font size for that format.
Kind regards
THANK YOU! What about the sub “caption” font in that area? Where can I edit that fontset settings?
Hey loansites,
The “Page Heading Subtitle Font” in that same tab should control the caption sizing. If it’s not for you, can you kindly share your page URL so that I can take a look?
Great theme, had it for years, thanks much!
I think I may have discovered a small bug in salient-core plugin. Not a big deal as I filter non critical errors but since you guys appear to really care about quality code I thought I would mention it. I am running the latest salient version (17_2_0) but have seen the issue in previous releases as well. PHP version 8.2.28.
issue description: In the post grid, when clicking the ‘load more’ button the payload to admin-ajax.php does not contain a value for “setting[text_content_layout] which as a result throws a PHP Warning: Undefined array key “text_content_layout”wp-content/plugins/salient-core/includes/post-grid/post-grid.php on line 100 as you are expecting and try to sanitize that setting.
I checked it on your demo site and the setting is missing from the payload there as well. Keep up the good work !
Hey mwbadmin, thanks for reporting that
I’ve noted to correct it in the next minor release.
Cheers!
Was the option to sort portfolio items at random added? I’d like to display random posts/portfolio items on pages whenever the user refreshes the page – this was the main reason I stopped using the theme.
Hey bbboysdontcry,
Yes, the newer Post Loop builder supports the option to display your queried items by random ordering.
Kind regards
Hello Team,
Our client is using the Salient theme, which features a portfolio section with filterable categories, including Accessible Housing, Aged Care, Commercial, Houses, and more.
They want to enable dynamic URL-based filtering so that we can hyperlink the section, allowing the Houses filter to be automatically selected when a user visits /portfolio/?filter=houses, thereby displaying only relevant items.
Additionally, when users manually switch filters, the URL should update to reflect the new selection and show the relevant items. Could you provide guidance on implementing this functionality within Salient’s filtering system?
We’ve tried this method https://pastebin.com/vYjtUjTE, which allows us to select the filter name, but it doesn’t sort anything based on the selected value.
Hey princebhalani143,
If you’re using the Post Loop Builder, the built-in query parameter you can use to trigger a filter is “grid-filter” — for example, ”?grid-filter=branding”. However, there is no built-in functionality to append that to the URL once clicked; it would require custom JavaScript from your child theme. If you would like further help troubleshooting your custom code, feel free to open a ticket on the support forum.
Kind regards
Thanks for the response. It will work with a single word, but how can I make it work with special characters in the text? For example, this is rendering in the HTML.
PUBLIC & COMMUNITY
Hey princebhalani143,
You would use hyphens for spaces. ampersands are currently not supported, but I’ve noted to add compatibility for those in the next release. You’ll need to remove that symbol if you want to use the included deep linking for that filter.
Awesome, thanks.
Hi ThemeNectar team,
I noticed a possible issue when working with WPBakery. Here’s the situation:
When inserting a row, then adding a Tabs element, and inside one of the tabs inserting a Toggle Panel (commonly used for FAQs), everything works fine when adding simple text, images, etc., inside the toggle. However, if I try to insert an inner row inside the toggle panel for example, setting a 1/2 + 1/2 two-column layout within that toggle it seems to break the page layout.
Is there a known fix or recommended method for using a two-column layout inside a toggle panel? Or is inserting inner rows within toggle panels not supported?
Thank you for your help!
Hey PSDFLYERS,
By default, the “Toggle Panels” element is not allowed to be placed inside a “Tabs” element — it should not appear as an available option when adding a new element to your Tabs. Did you manually add it via the code view?
Regardless, I tried to replicate that setup locally but couldn’t see any display issues. Could you please share the URL where I can see what you’re referring to?
Kind regards
How do you add the sticky social media icons on the left side of blog posts instead of the button at the bottom?
Hey rallred2,
Ensure that you’re using the “Featured Media Under Heading” header type in the Blog > Single Post Header tab. With that selected, in the WordPress Customizer > Salient Social settings, keep the “Determined by theme settings” option active.
Kind regards
Hi TN team,
Are you planning on continuing to release major releases for this, or is development turning to Nectarblocks?
Thanks!
Hey ND81!
We’ve been developing both Salient and Nectarblocks side by side for the past few years. Salient version 18 is currently in the works! We believe it’s important to give our users the choice between the two builders and remain dedicated to both products.
Kind regards
Excellent! Super excited to see the ongoing development of both – have a keen eye on Nectarblocks as well
We’re glad to hear it, ND81! Thanks so much for your support so far
Cheers
From this comment: https://themeforest.net/comments/30611662. I wonder why we need to use the HTML (with the flickity-viewport in HTML)
<div id="ee-cart-cross-sell-products" data-flickity=""> <div class="flickity-viewport"> <div class="flickity-slider"> <div class="ee-cross-sell-card" /> <div class="ee-cross-sell-card" /> <div class="ee-cross-sell-card" /> </div> </div> </div>
while with the official document from flickity here https://flickity.metafizzy.co/. We won’t need any flickity HTML, all these HTML will be generated by flickity.
This customized code from Salient make every plugins used library flickity won’t work as expected. The plugins used flickity library can be found here https://wordpress.org/plugins/search/flickity/
So I have some questions below
1 – What’s the purpose of these flickity HTML?
2 – Could Salient update the code to check if the flickity HTML exists and doing the customized code itself, otherwise, please use the default flickity function?
Hey cutiela83,
That structural change was implemented to ensure compatibility with how the WPBakery frontend editor works. If you’re using a plugin to create a Flickity instance outside of Salient, it should still function correctly, as the plugin’s script will be loaded instead of Salient’s version. However, a conflict will occur if you attempt to use both a Salient Flickity and a plugin Flickity on the same page. I’ve added this to the dev list to implement a workaround for such cases.
If you’re instead trying to create a manual instance outside of a plugin, you can add the class name “generate-markup” onto the slider element to have Flickity generate the markup in the default way.
Kind regards
