38340 comments found.
Hi, is it possible to stop videos on the last frame on backgrounds? If not is there a way to implement this?
Hey kayota,
You can’t stop video backgrounds on columns/rows at the end. However, the “Self hosted video player” page builder element does allow for this functionality when selecting the following options: https://ibb.co/4WWWN2P
You could place that element inside of a row set to “Full width content” to get the same layout.
Kind regards,
Hi there,
How can we remove or rename the “blog post” tag from showing in the search results? I’m using blog posts for different items that are not necessarily from the blog. Screenshot here: https://share.cleanshot.com/pjnkk5 Please advise.
Hey Romanesco,
add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
body #search-results .result .title span {
display: none;
}
Cheers
Perfect. Thank you!
You’re welcome 
How do I use the video background URL box with google drive. I have pasted in my video url into the MP4 section, but nothing happens.
The URL I am trying to add is this: https://drive.google.com/file/d/1IN0hgoNq2mS9YgVS5NP37TlOoiywSd6P/viewI don’t want to self host the video as it is likely to slow down the web page.
Please help! Thanks.
Hey alexbirks, If you wish to use Google drive for serving video files directly, you’ll need to alter that URL to be as follows:
https://drive.google.com/uc?export=download&id=1IN0hgoNq2mS9YgVS5NP37TlOoiywSd6P
Kind regards,
Hi!!!! We want to buy the theme, but first we have a query, is it possible to integrate modules from different demos with each other? That is, we would use https://themenectar.com/salient/app/ as the main theme and we would like to integrate, for example, this other theme http://preview.themeforest.net/item/salient-responsive-multipurpose-theme/full_screen_preview /4363266?_ga=2.34469537.123443185.1662969186-597361954.1643902841 which corresponds to the restaurant menu, is it possible?
Hey josemgala!
Yes, you can mix and match sections from various demos as needed. We have actually split up each “row” in every demo into our Salient Studio Template library so that you can easily add sections as needed: https://themenectar.com/docs/salient/salient-studio/
Kind regards
Are the social share buttons under GDPR?
Hey isarcolor,
Yes, as they don’t collect or store any data and are completely inactive until clicked. Each of the optional share buttons simply shares the URL via the social service from a simple endpoint e.g. http://pinterest.com/pin/create/button/?url=https://themeforest.net
Kind regards
How to change images of new Sticky Media Section. Can’t find
Hey rivija, the featured media shown in each section of the Sticky Media Sections element is set per section – see the following screenshot in regards: https://ibb.co/pXvXW67
Cheers
Hello hello!! Thanks a lot for this strong update! As usual, it’s a great job.
Cheers barreoblique
there are problems with products with 3 lines in its title. the add to cart button keeps over the text on hover event. check this out:
https://rlb.cl/
this only happen in homepage where the product box has less width in comparison with shop page
Hey segurihost,
If you’re referring to the “Seleccionar opciones” and “Vista rápida” buttons going to two lines when viewed on a smaller monitor, you could reduce the text size of those buttons by 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: 1550px) {
body .nectar-woo-flickity .products li.product.minimal .product-add-to-cart a {
font-size: 10px;
}
}
Hello I’m trying to properly fit a background image inside a flip box. It’s currently cut off at the left and right margin. Please see the first flip box in the “How we work” section” at the page below linked to. Also, the full image as it should appear is also included below. Thanks for your help. Page: https://elevatorspeechtraining.com/elevate-how-you-communicate-22-9-11-a/ / Image: https://elevatorspeechtraining.com/wp-content/uploads/2022/09/red-circle.png
Hey Marc!
Your flip box is a different aspect ratio than the image, so it would require either altering the aspect of the box (by adjusting the number of columns/amount of text) Or you could add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.nectar-flip-box[data-flip-direction=horizontal-to-left] .flip-box-front,
.nectar-flip-box[data-flip-direction=horizontal-to-left] .flip-box-back {
background-size: contain;
background-repeat: no-repeat;
}
Kind regards,
Hey, thank you for this.
You’re welcome
Cannot reach Cart & Checkout pages at all. Using Architecture Demo. The toggle to Go to cart immediately after product is added to cart is Onn. Is there any other setting that i am missing. Please check here https://bit.ly/3DfGGsR
Hey rivija, It appears that you don’t have the default cart/checkout WooCommerce pages in your setup. You can regenerate them using the WooCommerce tool labeled “Create default WooCommerce pages” in WooCommerce > Status > Tools. You can then verify that those pages are assigned to WooCommerce in WooCommerce > Settings > Advanced > Page setup.
Kind regards,
i want to rotate my logo on page scroll .. is it possible?
Hey umarmughal, the transparent header effect allows the option to switch between 2 different versions of a logo – typically a light and dark version: https://ibb.co/3f1pDX5
If you’re trying to switch your logo src when scrolling outside of using the transparent header, it would would require some custom modding.
Kind regards,
Hi, you didn’t get my point i am not talking about header logo, what i mean is if i use my logo in circle somewhere in the mid of page in any section and while scrolling page up or down the logo rotates clockwise or counter clockwise .. hope you get my point now
Hey umarmughal,
The Single image page builder element offers to ability to continuously rotate an image. However, the image will not rotated based on the scroll position of where you are on the page. An example of the continuously rotating option can be seen in the “Scroll down” image at the bottom of the landing section here: https://themenectar.com/salient/architect/
Kind regards,
Fabulous theme, great support and a really strong latest update. Would be great to leverage horizontal scroll as an option on mobile when stacking is not necessarily the best UX.
Hey simongreenland, thanks so much for the kind words!
Your feedback’s been noted
Enjoy the rest of your weekend
How do I remove the play button from the lightbox? I only want the background image to be showing.
Hey nkchenko,
You can remove that by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.nectar-video-box[data-color] a.nectar_video_lightbox.play_button_2,
.nectar_video_player_self_hosted .play_button {
display: none;
}
Kind regards,
I used to have “mobile-hidden” and “desktop-hidden” CSS that your support gave me a while ago and it’s always worked great… until this recent update. Can you confirm that this code is what I should have and/or let me know what I should update in my “extra class name” to have my mobile and desktop hidden css work?
@media only screen and (max-width:1000px) { .mobile-hidden { display: none!important; } } @media only screen and (min-width:1000px) { .desktop-hidden { display: none!important; } }
Hey loansites,
Those rules are still accurate and I’ve just tested locally to verify that they should work. Can you please share a page URL where you’re not seeing them take effect?
Thanks in advance
I have the mobile-hidden and desktop-hidden CSS on the homepage on this site. Let me know, thanks!
Thanks – I’m seeing both of those classes taking effect on the page currently.
For example, you have a tabbed section inside of a row that you’ve added “mobile-hidden” to. The row appears normally on desktop: https://ibb.co/n8HQf8L and is hidden on mobile with the class rule showing active in the inspector: https://ibb.co/1znWMns
Are you not seeing that occur on your end?
You’re right, that is working. But the items that I have set to “desktop-hidden” are hidden on desktop… but are not showing up at all on mobile. Any idea why? Thanks!
Hey loansites,
The first instance I’m seeing of that class on your page is nested inside of a row which is set to be hidden on mobile. You will not be able to set a parent row to be hidden by a child to be visible: https://ibb.co/wY7DJ6d
The second instance I’m seeing on your page in the “Adriana Bates” section is not using a nested setup and is working normally: https://ibb.co/dBHYKpd
Kind regards,
I used to have bold column headers and the column spacing was great, now it’s not.
This started happening recently, likely from an update to a plugin?
https://www.prepsos.com/If you hover over “FOOD STORAGE” you’ll see what I’m talking about. The multiple column headers should look like the main column headers when you hover over “FREEZE DRYERS”
I had set it up quite some time ago using your help doc here: https://themenectar.com/docs/salient/mega-menu/
Hey MikeMurphyINC, I’m not seeing a difference in the mega menu column headings between “Food storage and Freeze dryers> https://ibb.co/kDvXhNj https://ibb.co/zxRJts8
Can you send a screenshot of what you’re seeing from your end?
Thanks in advance
It appears to be only happening to me in chrome. I cleared my cache/cookies, etc. and it’s still happening. It was also doing it for the “Brands” part of my menu for the column headings but I added the ”-” sub menu item and it fixed the column headings again for that one even though there aren’t multiple column headings per column on that dropdown. Here is the screenshot of how it’s formatting for me: https://www.prepsos.com/1.jpg
Hey MikeMurphyINC, the screenshot I provided earlier was from Chrome – can you please temporarily disable your nitro pack performance plugin so that the natural CSS of the theme can be inspected?
Kind regards,
I disabled the Nitropack plugin. I then cleared my cache, and used incognito and it’s still showing incorrectly for me in Chrome. Please advise.
Thanks MikeMurphyINC, I’m using Chrome on Mac from my end. Are you on Windows? Try adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab to see if that corrects it from your end:
#header-outer nav > ul > .megamenu > ul > li > ul > .menu-item-has-children > a {
font-family: Lovelo,sans-serif;
letter-spacing: 2px;
font-size: 14px;
}
Kind regards,
Hi there, yes I’m on Windows and that fixed it! It’s weird because it had always worked until very recently. I’m not sure what the difference was! Thank you for the css fix.
You’re welcome
I’ve also noted to continue looking into this on my end.
Kind regards
Hello. This last version is fantastic! It would be great if in one next update if you could add an option to: “Blur Background Header if Page Footer is Last Row”.
Best Regards, João Clérigo
Hey João, thanks for kind words!
I’ve noted your idea on the wishlist.
Cheers
Hello Team,
How to add slideToggle effect to Toggle Panels? default slideToggle effect is not working while we’re expanding the toggle, it’s only working while we’re closing the toggle. Code reference \salient\js\src\init.js – line no 5746.
Option Settings: Toggle Panels Settings >Style (Minimal) > Accordion Toggles (Off)?
How to smooth open transition for Toggle?
Hey princebhalani143,
I can’t replicate that locally: https://themenectar.com/salient/toggle-panels/ Can you kindly share your page URL so that I can take a look?
Kind regards,
hi https://gastromallorca.net/rali/wedding-photography-mallorca/ any way to do the circle and arrows when you put the mouse on top the photo to be smaller? like 50% smaller? thanks.
Hey dimage,
You can accomplish that by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:
.nectar-drag-indicator.visible:before,
.nectar-view-indicator.visible .color-circle,
.nectar-view-indicator.visible span {
transform: scale(0.6);
}
.nectar-drag-indicator.visible.pointer-down:before {
transform: scale(0.5);
}
.nectar-drag-indicator i.fa-angle-left {
left: -10px;
}
.nectar-drag-indicator i.fa-angle-right {
right: -10px;
}
Kind regards,
great support like always! thanks.
You’re welcome, dimage
hi another question https://gastromallorca.net/rali/news/ the top right social icons can they have the same style/effect like the ones on the footer?
Hey dimage,
You can add in the following CSS snippet for that:
https://pastebin.com/6uMxYXP1Kind regards
Anyone integrating 3D site elements from Spline with Salient? I’d love to see how to best integrate that content into our salient site. https://spline.design
Hey hingedigital, I don’t have any demos of that to personally share I’m afraid.
Kind regards
Cannot remove Off Canvas Menu from Mobile Header.
Switched it off from Salient > Header Navigation > Off Canvas Menu > Toggle
It removes it from desktop but not from mobile. Is there some other toggle i must switch off as well or is this a bug ? Please tell me a quick fix to it
Hey rivija,
There is no theme option to remove the mobile menu all together – the option you’re referring to is only related to desktop. If you would like to remove it, 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-toggle {
display: none!important;
}
Kind regards,
