38356 comments found.
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,
Hello How can I translate “Next Post”, “Previous Post” “No comment” for the Blog section. Thank you for your help.
Hey ASG31, those strings are contained in the “salient” text domain and can be translated using your desired translation plugin. If you only need to translate a few strings, I would recommend using Say What https://themenectar.com/docs/salient/translations/
Kind regards,
Hi guys,
I am looking to make my secondary header transparent like my primary header. I found an answer you gave to someone else with the following code:
body #header-secondary-outer { background-color: transparent!important; } html body.material #header-outer[data-header-resize=”0”]:not([data-format=”left-header”]):not(.scrolled-down) { top: 0!important; }
The only downside is that it doesn’t respond to dark/light configurations – something I am looking to have.
Thanks a lot, this is an amazing theme!
Hey deonteramos 
You can add the following CSS to your existing snippet to get that functionality:
.transparent #header-secondary-outer nav > ul > li > a,
.transparent #header-secondary-outer .nectar-center-text {
color: #fff!important;
}
.dark-slide #header-secondary-outer nav > ul > li > a,
.dark-slide #header-secondary-outer .nectar-center-text {
color: #000!important;
}
Cheers!
Thanks a lot! One thing – the social media icons stay in light mode when the dark header is enabled
Hey deonteramos,
To include those, you can alter the previously provided snippet to the following:
.transparent #header-secondary-outer nav > ul > li > a,
.transparent #header-secondary-outer .nectar-center-text,
.transparent #header-secondary-outer #social li a i {
color: #fff!important;
}
.dark-slide #header-secondary-outer nav > ul > li > a,
.dark-slide #header-secondary-outer .nectar-center-text,
.dark-slide #header-secondary-outer #social li a i {
color: #000!important;
}
Cheers
Hi question.
How do I change color of the text on one slide? I use Nectar slider.
Here is my site: https://atlanthealthnyc.com/
On Slide #3 I want to change color to “white”
In the original setting I have this code for all slides, because when choosing “dark” for “slide font color” on slides I wanted, they were black.
body .swiper-slide .content h2, body .swiper-slide .content p {
color: #694d6f !important;
}
Thank you.
Hey atlantchiropractic,
You can alter that slide by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.home .swiper-wrapper .swiper-slide:nth-child(4) .content * {
color: #fff !important;
}
Kind regards,
That worked.
Thank you very much!!!
Perhaps something to add into a future theme update for Nectar slider options instead of black and white.
Glad I could help, atlantchiropractic 
I have a blog about National University Notice Portal. Right now i’m using a free theme. Can i use this Salient theme on my https://nubd24.com/ website?
Hey fmgmynul,
You can switch to Salient, but if you’re utilizing any of your existing theme features to generate your content, that will need to be converted to Salient elements.
Kind regards,