38191 comments found.
Hey! Is there any easy way on mobile to get the items that are in columns of a mega-menu, to be completely expanded when you click the main drop down.
What I mean is:
Menu Item A (mega menu) -Column 1 —Item 1 —Item 2 —Item 3 -Column 2 —Item 4 —Item 5
I want the columns on desktop, but when we are on mobile the mobile menu gives me “Column 1, Column 2” as options which I then need to click to expand. It would be good if I could have all of the submenu items always expanded… so clicking ‘Menu Item A’ would show me Item 1-6 immediately. I assume the js of the menu is just adding CSS to hide the items until they are expanded? I couldn’t work out which ones to target to try and override them.
I’m using Simple Dropdown menu option on Mobile.
Menu Item A (mega menu) -Column 1 —Item 1 —Item 2 —Item 3 -Column 2 —Item 4 —Item 5 —Item 6
Hey SeanAUS120,
Changing that would require custom changes from your child theme. Here’s a snippet you can into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
https://pastebin.com/4rJ2DpWNKind regards
It works, thank you!
You’re welcome 
Hello,
I would like to add Google Pay and Apple Pay icons but none of the icon libraries integrated into Salient have them. How can I add them? https://bijouterie-goldandstone.com/boutique/marques/tissot/montre-tissot-t-race-motogp-chronograph-2024-edition-limitee/Thanks in advance
Hey MAJMonaco,
Font awesome should already include Apply Pay as an option. I’ve noted to add Google pay in the next minor release. For now, you would need to include it manually via an image or CSS modification.
Kind regards
Hello,
I’ve just checked, on several of our sites, I’m in the latest versions and everything is up to date but I don’t have an apple pay icon in font awesome.
Only have this one: https://share.cleanshot.com/CQTklLpt
Thanks in advance
Hey MAJMonaco,
My apologies – you’ll also need to ensure you have the following snippet active in your child theme functions.php file in order to see that icon:
add_filter('nectar_font_awesome_5_enabled', 'salient_child_enable_fa5');
Hi, How do I disable the button zoom and shadow when a button is hovered? I’d like something more discreet like changing the background color slightly and that’s it. Thanks!
Hey apinzon!
In the Salient options panel > General settings Tab, ensure that you have the “Button Styling” set to “Default”.
Kind regards
Hello, I really like the “Footer Reveal Effect”. But for the moment I can only use it with the basic widget module which is not using the builder potential. Is it possible to set it on a footer created in the Global section?
Hey RomWOL,
You can disable the simple footer from the theme options and use the “Footer Parallax” global section location to get a similar effect.
Kind regards
I did it already, but I finally found the problem. I needed to also set the Display Conditions. Now it is working perfectly. Thank you very much for your help
You’re welcome, RomWOL
Hi TN team,
Just wondering if Salient is PHP 8.3 ready / recommended?
Many thanks!
Hey ND81!
Yes, Salient is compatible with PHP 8.3 – Let us know if you’ve run into any specific issues.
Kind regards
Excellent! All looks to be working well – appreciated.
E: Ignore the original comment here – I’ve worked it out – under my nose, as usual
You’re welcome, ND81
Hey, I am using a carousel with Simple Slider. I don’t want the hand icon cursor over parts of the carousel, how can I disable it?
Hey juvengle,
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 .flickity-enabled.is-draggable .flickity-viewport {
cursor: default;
}
Kind regards
On the toggle, the default color of the toggle title is black, how can I change that to white?
Hey rjlucas,
You can edit the parent “Row” element and set the “Text Color” to “Light”.
Kind regards
is the theme compatible to contact form plugin? I need some different form in the site and to connect to active campaign
are gsap included?
Hey mcroy,
1. We recommend WPForms or Contact Form 7, but you’re free to use any form plugin you prefer. Salient also includes form styling options to further customize form plugins.
2. Salient uses anime.js, not gsap
Kind regards
can i use scroll-based animations on text or elements? do you have an example page of the animations included in salient?
Hey mcroy,
In the “Elements” dropdown on the main Salient website, you can find the full element collection along with examples. Here are a few of the text animations possible:
https://themenectar.com/salient/elements/split-line-heading/ https://themenectar.com/salient/elements/scroll-revealed-text/The various demos also show them in action.
is possible to add the company logo close to name in testimonial slider element?
is possible to have horizontal scroll in a section? sorry for too many questin, i evaluating theme for my scope
Hey mcroy,
1. Adding a company logo to the testimonial element would require a custom modification or creating the testimonial using other elements – e.g., text and image elements, instead of the Testimonial block, to allow for the additional image in the layout.
2. Assuming you’re referring to a standard horizontal scrollbar and not a scroll-pinned section, enabling horizontal scrolling in a section could be achieved via custom CSS, but it’s not a built-in option.
Kind regards
Hi,
Link: https://pakhetuit.nl/categorie/kerstpakketten/
The quality of the thumb images of every product is poor. How can I improve the quality? The original photo is in good quality.
How can I improve it a little for better quality photo’s, but keep the loading speed still good?
Hey studioluttmer,
The image cropping/sizing for WooCommerce images are specified in the WordPress customizer > WooCommerce > Product images tab. You can set any size desired to balance quality with speed for your layout.
Kind regards
Hi Salient,
using the latest versions of Salient/WP, the ‘Meta Viewport Functionality’ feature doesn’t seem to be working?...
Visual: https://cln.sh/5yTHhDpq
Hey kford,
I can’t replicate that locally. If you’ve already verified that it’s not related to a child theme modification or caching plugin you may have active, kindly please reach out via the contact form on my author page in regards.
Thanks in advance
Can you purchase a HTML version of these theme?
Hey oo7ml,
Salient is only available as a WordPress theme.
Kind regards
Ok – thanks. Can I buy a Wordpress licence and edit the code so I can just have my own HTML version, as I don’t want to use Wordpress. I presume this is ok, as I am still buying a new licence?
Hey oo7ml,
Yes, that would also be an acceptable use of the license.
Kind regards
Great – thank you
You’re welcome, oo7ml
Hi—
Pre-renewal question: I’m looking into Salient for building an equipment rental website? Would that be doable? If it requires a plug-in, which one would you recommend for maximum compatibilty? Thanks!
Hey legsp!
Salient supports and extends WooCommerce for eCommerce functionality. However, it does not include any rental-specific features. For that, you could use a third-party add-on such as https://woocommerce.com/products/rental-products/
Kind regards
Update for google fonts to include “Cal Sans”?
Hey Romeyaz,
We’ll be including the latest fonts in the next minor release
Kind regards
Pre-purchase questions: If installing Restaurant demo will it be possible to set full screen video background like in this example, https://seapearlnyc.com/ If yes will the video background work in mobile view as well? What visual builder is Salient using for editing restaurant menu items?
Thanks in advance!
Hey innomind!
Yes, you can add a video background to that demo and set the row height to full screen. Mobile playback is supported as well. Salient includes a customized version of WPBakery as its page builder.
Kind regards
Hi I am trying to give the button a neon green look and i use this code, but it does not work, the the code wrong?
/* Neon Glow Effect for Salient CTA Button */
.nectar-cta[data-style="regular_button"] .link_wrap,
.nectar-cta[data-style="see_through"] .link_wrap {
background-color: #00ffff !important; /* Neon Cyan */
color: #000 !important;
border: none;
padding: 15px 30px;
text-transform: uppercase;
font-weight: bold;
box-shadow: 0 0 10px #00ffff,
0 0 20px #00ffff,
0 0 30px #00ffff;
transition: all 0.3s ease-in-out;
}
/* Hover effect */
.nectar-cta[data-style="regular_button"] .link_wrap:hover,
.nectar-cta[data-style="see_through"] .link_wrap:hover {
box-shadow: 0 0 15px #00ffff,
0 0 30px #00ffff,
0 0 45px #00ffff,
0 0 60px #00ffff;
transform: scale(1.05);
color: #000 !important;
}
Hello, I love your theme, but I’m having a problem with the latest update.
Since updating a client’s website, some sections on the homepage are no longer displayed. I discovered that this is related to the entry animations. If I disable them, the sections reappear.
How can I fix this so I have an updated theme and also the animations on the page that I need? Is this a known JavaScript issue?
Thanks and kind regards!
Hey frausieben!
Have you already verified that the issue is not related to a third-party plugin or performance optimization you may have active in the setup by temporarily deactivating them? If so, please open a ticket on the support forum so we can follow up.
Kind regards
Hi,
We’re having an issue with your ‘WooCommerce Products’ element but also just the way the products are displaying in general site-wide. On iPhone the products have no padding when in a column of 2, so the product images are touching. In browser view when we scale down the page to emulate the phone screen it appears fine so this is only happening on the iPhone and possibly on other mobile devices too. Could you have a look into this for us please.
Cheers
Hey Micatuca,
I’ve followed up via your email.
Kind regards
transparent header does not work on blog page?
Hey Lesliedigital, the transparent header effect will apply in blog archives/single templates when using a header type which has an image at the top behind the content. i.e. any “Blog Header Type” besides the Featured Media Under Heading.
Kind regards
Just a bit of feedback.
It’d be handy to have the ability to change the font size of the buttons. At the minute, they all tend to use a small font (14px?)
When you use large and jumbo the font size doesn’t seem to scale or adjust and it needs to be manually changed via CSS.
Having a font size field (That includes desktop/tablet/mobile like the responsive text element has) in the button element would be hugely helpful!
Also noticed that Google Insights flags Font-Awesome as a chained request – https://developer.chrome.com/docs/lighthouse/performance/critical-request-chains?utm_source=lighthouse&utm_medium=lr – Not sure if this can be sorted/improved
It’d be good to have the option to use Font-display:Swap on Font Awesome too, if possible?
Hey jbennett360!
1. Thanks for the request! The “Call to Action” element ended up becoming the dominant replacement for the button, and it does support font sizing. I’ve made a note to potentially bring that to the button element as well.
2. Is swap was used for icon font libraries, it would present empty squares before the font loaded, which would not be ideal.
Kind regards
Hey again!
1. That makes sense. Have tried to use that, but sometimes the button element is just quicker and simpler. Thanks for looking into it
2. That’s fine
Just another thing too:
I previously mentioned about background images on rows/columns not having the fetchpriority /preload option. This is now been flagged in PageSpeed insights as an ‘issue’. We need the ability to add fetchpriority=high or the preload equivalent to images that appear above the fold (LCP) on rows and columns, are we any closer to getting that option added?
Appreciate the work you’re doing
Hey jbennett360,
In the last update, we’ve added an option into the Image element for “Fit to Container”, which could be used in combination with absolute positioning (top, right, bottom, left all at 0) to fill a column or row as the background. We’re also still considering making it a selectable option for the BG layer within those elements as well.
Hi there.
I’m talking about fetchpriority/preload for background images that are above the fold?
I’m referring to a method that bypasses background images in favor of standard image elements, which would natively have a high fetch priority and be preferred for performance scoring. We’re still considering a change to improve background image loading without requiring a custom snippet.
Kind regards
Thanks for looking into this
Will have a look at the image element method too
You’re welcome, jbennett360
Im using the “Fraunces Font Family” on my website but the WONK and SOFT font-variable-settings are not showing up in my css? I wish this to implement? What is the wayaround?
Hey harshadmoray,
Salient only supports standard font weights and doesn’t provide a UI for variable font variation settings. If you wish to load a variable font, it would need to be done through a custom font.
Kind regards
