38360 comments found.
Hi there,
I would like to add an icon (phone icon) in my secondary header. Would that be possible? See here: https://lionettekleijnen.com/
Hey Abbenhues,
You can use the Salient menu options to add an icon next to any of your header menu links: https://themenectar.com/docs/salient/salient-menu-options/
Kind regards,
Is it possible to add and option to add to cart from the main shop page on mobile – currently, I can only see that it is possible on browser. Thanks
Hey AletalkProductions,
It would be possible to reveal that button with CSS. Could you kindly share your URL so that I can take a look at your current project style settings to provide a tailored snippet?
Thanks in advance
Sure, it’s on the following page: https://truestorybrewing.com/craft-beer-shop/
Thanks
Hey AletalkProductions,
Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/Pbzr1XtsCheers
Thanks – I’ve added the code, but it still doesn’t seem to have the add to cart option on the main shop page – apologies if there is something I’m missing.
Hey, i’m not seeing the code as active on the page currently for some reason. Could you please reach out via the contact form on my author page in regards so that I can take a quick look at the backend?
Hello. I am using the code below to make the product title clickable on a shop page. I believe this is from the Salient documentation. When I look in my error log it gives a warning that $product_id is undefined. Would there be a better way to code this?
Full code: //overwrite product title loop and include url function woocommerce_template_loop_product_title() { $loop_title_link= get_permalink($product_id); echo ‘
’ . get_the_title() . ‘
’. ‘’; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped }Full error: 2022/08/12 00:26:03 [error] 28064#28064: *3941092 FastCGI sent in stderr: “PHP message: PHP Warning: Undefined variable $product_id in /mnt/env/website/production/public_html/wp-content/themes/salient-child/functions.php on line 339PHP message: PHP Warning: Undefined variable $product_id in /mnt/env/website/production/public_html/wp-content/themes/salient-child/functions.php on line 339” while reading response header from upstream, client: 207.46.13.
Hey dzineee,
Can you link where you’ve seen that snippet in the documentation? It appears that it’s incomplete, as $product_id is not defined – instead of using
$loop_title_link = get_permalink($product_id);
You should be able to just use:
$loop_title_link = get_the_permalink();
Kind regards,
Thank you so much for your support. I am not 100% sure where I got this code. I believe it was from Salient Support but I might be mistaken. Am I correct the full code should be: (not sure how I can add those code blocks like you have in your reply)
function woocommerce_template_loop_product_title() { $loop_title_link = get_the_permalink(); echo ‘
’ . get_the_title() . ‘
’. ‘’; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped }Hey dzineee,
Can you try pasting your code into here so that I can fully read it all https://pastebin.com/
Thanks in advance
Thanks dzineee — yes, the code looks good.
Kind regards
hi, any idea why is not showing the top video on mobile devices? https://gastromallorca.net/enfy/ the Disable Video Backgrounds On Mobile Devices is disabled
Hey dimage,
I’m currently seeing the video BG play on mobile when testing on an iPhone 13 / Galaxy 22
https://ibb.co/Jp2tScV https://ibb.co/HKPShLCHave you verified that you don’t have a power savings mode active on your device? Battery / Data savings mode will generally prevent video playback.
Kind regards,
it was that, thanks.
You’re welcome, dimage 
Hi, I am using the header layout Menu Bottom Bar and I would like the navigation part ONLY to stay sticky on desktop, just like this website https://www.costikyan.com/ when you scroll down the logo folds and the navigation is only sticky. Can you please provide a CSS or a function.php rule to achieve this?
Hey toolbox101,
In the Salient options panel > header navigation > animations effects tab, enable he “Condense Header On Scroll” option. If you wish to remove the logo from the view of the sticky header, you can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
#header-outer.fixed-menu #top #logo img {
opacity: 0;
}
Hi ThemeNectar,
A couple questions hoping you would be able to help me out with.
1. On the page below for mobile devices it happens that when you want to view the image larger it requires a “double click”. Do you know how to make that a “single click”?
2. I have created a image grid with a hover state and button. I am trying to change the copy on the “More Details” button to “View Portfolio”. Can you point me in the right direction?
Many thanks and appreciate the help.
Best, Alan
Hey Alan,
1. Can you kindly share the URL associated with what you’re referring to?
2. That string could be translated via your desired translation plugin. The string is located in the “salient-portfolio” text domain.
Kind regards,
Thank you for the quick reply, I really appreciate.
1. It appears to happen on most of the pages that have an image grid or portfolio gird. Below are two URLs to try.
Portfolio grid: https://neileverosborne.com/photojournalism/editorial-magazines Image grid: https://neileverosborne.com/photojournalism/editorial/smithsonian-offshore-wind-america
2. Do you have any recommended translation plugins that I should install that work well with Salient? If I don’t plugin can I alter the code within the “salient-portfolio” text domain? Can I alter the text within a JS file?
Best, Alan
Hey Alan,
1. add 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: 1000px) {
.portfolio-items .col .work-info .vert-center *,
.portfolio-items .col .work-info .vert-center {
transition: none!important;
}
}
2. You can use the plugin Say What – it’s a minimal free translation plugin:
https://themenectar.com/docs/salient/translations/#translatingKind regards,
Hi ThemeNectar,
Thank you again for the quick reply, I really appreciate it.
1. I added the code you provide above into my Child CSS and into the Salient General CSS settings and it doesn’t appear to work for my portfolio pages that have an “Image Grid” on them as you can see here: https://neileverosborne.com/photojournalism/editorial/smithsonian-offshore-wind-america
Any ideas on how to fix that as I would like it to only be a single click. Thanks.
2. Thank you.
Best, Alan
Hey Alan, Here’s one more snippet you can try:
.portfolio-items .col .work-item .work-info a {
transition: none;
}
Kind regards,
General question: I’m supposed to design a website for a music artist. Is your theme suitable for this requirement?
For example, they need: Discography List with covers and play buttons for the music…
Do you even have a music demo version?
Hey Lunamoon341,
The music demo we have is: https://themenectar.com/salient/band/
WordPress offers a built-in audio player element, but you could also add a third party plugin to add a more Complex player if needed for your specific requirements.
Kind regards,
Hi, I’m having a problem when trying to import the Ecommerce-Robust demo. It seems to get stuck somewhere around 40% without finishing the process. I have followed instructions to increase the max execution time / memory limit etc. all to no avail. Any ideas what could be causing this? I’m using the version of salient released last month. Absolutely love the theme btw!
Thanks in advance!
Hey AbzillaTheGreat! I’m glad to hear that you’ve bene enjoying the theme
The cause of the error should be getting logged in your PHP error log – it’s likely a timeout due to importing the images associated with the images. Of all the demos, the “eCommerce Robust” has the most images that get imported. Could you please let me know what appears to be missing from the import and also take a look at your error log to see if there are any relevant errors?
Kind regards
Thanks for your reply! I managed to get it working by doing the following: at the point in which the demo had appeared to stop uploading, I decided to import the other eCommerce demo (Ultimate) and after that had imported successfully, I was then able to import the eCommerce Robust demo successfully this time (for whatever reason).
On another note, could you please tell me where I can edit the site title link which appears in the header/navigation? This site is currently the subdomain of my main site you see, and I want to link to the main site’s homepage, but can’t find the relevant code to edit in header.php
Best Regards
Hey AbzillaTheGreat, I’m glad that you got it imported 
You can use the filter “nectar_logo_url” in your child theme to specify a custom location for the link.
Here’s an example you could add to your child functions.php
https://pastebin.com/NekPT3iPKind regards,
Thank you so much! Worked like a charm 
You guys really do go above and beyond!
Best Regards
You’re very welcome, AbzillaTheGreat 
Cheers!
Dear developers, I’ve been using the Salient theme for quite some time. I love this theme! Creating a website with Salient is very enjoyable! Please don’t spoil it and continue like this.
PS: You’re getting a lot of Elementor questions, I’m sure. I think this version should stay that way. I’m sure you’ll sell a lot more if you also release Elementor Edition. Think about it 
Great days!
Hey ardacetin, I’m glad to hear that you’ve been enjoying using Salient! Thanks for the request as well 
Cheers
it is a beautiful theme, it has many features and it is a detailed theme
Thanks for your kind words, yazilimteknisyeni 
Hi, I´m using Polylang with Salient and WooCommerce. Can´t find out why things aren´t translated like “add to bag”, “cart”, “checkout” etc. Can you help me and guide me? maybe I´m missing something.
Thanks in advance,
Hernan B
Hey Hernan,
All strings which Salient uses in the shop which are not apart of the core “woocommerce” text domain will be translatable via the “salient” text domain. Have you
Hey Phil, just curious when the next major update will be released?
Best
Hey rockzi, It’ll be out this week – stay tuned!
Cheers
Hi there, thanks for the beautiful theme, when are you planning to release the new version?
Hey frankapp 
It’ll be out this week – stay tuned!
Hi, I am using some flip boxes but the text on the back is showing through on the front when the background alpha on the front is set to around 70% and below. Is there any way of avoiding this? Also, can the 3D effect on the flip be reduced or removed? Thanks.
Hey lightwavin,
You can alter those aspects by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.nectar-flip-box[data-v_text_align=center] .flip-box-back .inner,
.nectar-flip-box[data-v_text_align=center] .flip-box-front .inner {
-webkit-transform: translateY(-50%);
transform: translateY(-50%) translateZ(10px);
backface-visibility: hidden;
}
Kind regards,
Perfect. I have to applaud you on your customer service, it is outstanding. I will be sure to build my next site using this theme.
You’re very welcome, lightwavin. I’m glad I could help 
How can I have a unique header just for certain page? Or in Salient, the same header is shared across the website?
Hey dzulfriday,
By default it’s shared across all of your pages. You could get unique theme options to apply for various sections of your site if you use a multisite install. However, if you only need change a a couple aspects of the header such as the logo or logo link location, you could handle that easily through a child theme by overriding the template file or function related to the section of the header bar you need to override/add conditional logic.
Kind regards,
hello, I already purchased this theme with my another account, but now, when I install this theme, I can not see the ‘architure’ demo importing. I need this demo. How can I get it ?
Hey Lillastar824,
You just need to ensure that you’re using the latest version of the Salient Demo Importer plugin to get access to the latest demos. That demo was added in v1.4 of the plugin. If you’re using an earlier version of the plugin and don’t see any updates available for it, you likely need to update Salient.
Kind regards,
HI,
I have a couple of requests please and wondered if you could assist?
- Firstly, on my site I have a top menu and the slide out widget menu. http://roryflynn-prototypes.co.uk/alpha/If ‘Products and Services’ is clicked on the top menu, this is highlighted in blue on the side menu. However it also highlights the sub-menu items in blue on the side menu. Is there a way of removing the highlight on the sub menu with CSS?
Secondly, I have a toggle section with ‘Read More’ as the title. Is there a way of changing that to ‘Read Less’ when the toggle is expanded?
example page – http://roryflynn-prototypes.co.uk/alpha/products-and-services/portable-dewpoint-hygrometers/sadpmini2/
I have a child theme in place and confident with editing page templates if I know where to look.
Many Thanks,
Rory
No worries, I’ve found a way around these now…
actually I’m still looking for a solution to the menu issue if you are able to assist?
Thanks
Hey Rory,
1. You can add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li.current-menu-item li:not(.current-menu-item) a {
color: inherit!important;
}
2. You can copy the toggle template file to your child theme for overrides by using the method described in the docs here. Once you’ve added a new tag with your text, you could use CSS to toggle it along with the state like so:
.toggle:not(.open) .custom-text {
opacity: 1;
}
.toggle.open .toggle-heading {
opacity: 0;
}
Kind regards,
Thanks for your assistance!
You’re welcome, Rory1984 
Hi Theme Nectar,
If you could help me out on the two issues below I would greatly appreciate it.
Each of the pages on my website have a Nectar Slider that I need to be Full Screen and Full width but for some reason there is a white gap under the Nectar Slider. Can you shed some light as to how I can remove the gap so the images are 100% Full Screen.
Live link: https://neileverosborne.com/
Another issue I am faced with is the Portfolio Next and Previous buttons are backwards, meaning the Next button takes you to the Previous and the Previous takes you to the Next portfolio. Any idea why this would be happening and how to fix it?
Live link: https://neileverosborne.com/photojournalism/editorial/smithsonian-offshore-wind-america
Thanks again for the amazing support and theme. Still the best one out there.
Best, Alan
Hey Alan,
1. You have a few rules you’ve added to your child theme stylesheet which are specifying a height for the Nectar Slider. You’ll need to remove those rules to allow the full screen option to take effect.
2. If you wish to alter the text for those buttons, one easy way to handle it would be to simply translate the strings using a translation plugin. Both of those strings exist in the “salient-portfolio” text domain.
Kind regards,
Appreciate the speedy reply, many thanks.
1. Funny you mentioned the CSS rules within the Child Theme I am actually rewriting all of it so hopefully that will solve the problem. However, even after removing all the CSS from the Child Theme the Nectar Slider still doesn’t appear to go Full Screen in Firefox. Do you know why that would be happening? See screenshot here: https://prnt.sc/Diwl3JENoX2x
2. It’s not that I want to alter the text the issue I have is when you click on the first portfolio on this page, https://neileverosborne.com/photojournalism/editorial/smithsonian-offshore-wind-america there is only a previous button which takes you to the next portfolio. In doing so the next portfolio has both the “Next and Previous” buttons however they are backwards. In other words, meaning the “Next button” takes you to the Previous and the “Previous button” takes you to the Next portfolio. How can I switch that so the buttons work correctly?
Hope the above makes sense.
Your help would be greatly appreciated. Many thanks.
Best, Alan
Hey Alan,
The portfolio orders the next project as the next “oldest” project – there’s no built-in theme option to alter that. However, I’ve noted to include in the upcoming release. If you’d like to get early access, please reach out via the contact form on my author page in regards.
Hi ThemeNectar, I am still experiencing the same issue on the individual Portfolio pages as mentioned above with the Next & Previous buttons being reverse/backward. Do you know if this issues has been addressed or not?
I find this really odd that the first Portfolio item has a “Previous” button when infact it should have a “Next” button.
Can you please let me know when this will be fixed or how I can fix it on my end? Many thanks.
Best, Alan
Hey Alan, the option to reverse the portfolio pagination was indeed added in. Have you selected it within the theme options https://ibb.co/BnSJXvR ? If so, please open a ticket on the support forum in regards so that we can take a closer look into your setup.
Kind regards
Hi, I love that you have a new approch in all your elments. Also in the image gallery. But for my client I need a ‘classic’ masonry image gallery with lightbox and with title + captions under the image and inside the lightbox. Is this possible? Thank you
Hey waldemarker 
The closest you can get to that will be to use the “image grid” style for the Image Gallery element with the following settings enabled:
Masonry Style: On Display Title/Caption: On Gallery Style: Meta below thumb w/ links on hover
With those settings, the “title” and “caption” of your images will display under each image within the grid, and the “description” field will be shown in the lightbox once an image is clicked.
Kind regards,
Hi, sorry I did not understand that choosing image grid style enables new settings on bottom. Fine to see so much custom settings. It workes fine for the gallery. The lightbox has .fancybox-caption and .fancybox-caption__body, but there is no content there. And if I may ask a 2nd favor: how to remove ‘view larger’ and the color overlay. Just make the whole image clickable without effects, overlays or animations. thank you
Hey waldemarke,
1. It will only display the text added to the “Description” field of an image: https://ibb.co/G54N53P If you’ve added that in, please share your page URL so that I can take a look to assist.
2. Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.portfolio-items .work-info-bg {
display: none;
}
.portfolio-items .col .work-info .vert-center {
position: static;
transform: none;
opacity: 0;
}
.portfolio-items .col.span_3 .work-item .work-info a {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
In the header, what would be the best way to add an additional logo (with its own unique URL) to sit alongside the themes existing logo?
Hey kford,
You could hook to the “nectar_hook_before_logo” from your child theme functions.php to output custom HTML next to the logo in the top header bar. Here’s an example:
https://pastebin.com/GmnAkU7wCSS would then be needed to style/position the new logo as desired.
Kind regards,