Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 166,328 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38194 comments found.

astango

astango Purchased

Hello, I have a question about Main Navigation.

I’m using the ‘Centered Logo Menu Alt’. With a logo height of 134px, and 60px for mobile.

I’d like the header to resize when scrolling the page with the ‘Header Hide Until Needed’ option. To do this, I use the ‘Header Resize On Scroll’ option, but the logo and header don’t change size! Is this possible?

When I simply check the ‘Header Resize On Scroll’ option, the header is well resized to 60px.

And is it possible to use a different logo when resize on scroll as well?

In General Setting, Theme Skin i use Material. And Off Canvas Menu is ON

Thank you! It’s been a lot of fun working with your great theme.

Hey astango!

The Hide Header Until Needed option override the resize effect. You could accomplish it manually by 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:

@media only screen and (min-width: 1000px) {
    #header-outer:not(.at-top) #logo,
    #header-outer:not(.at-top) .logo-spacing {
        margin-top: 18px;
        margin-bottom: 18px;
    }
    #header-outer:not(.at-top) #logo img {
        height: 20px;
    }
}

The only way you’ll be able to switch your logo on scroll is when using the Transparent Header Effect in the Header Navigation tab. It allows for an alternative logo when in the transparent state.

Kind regards

astango

astango Purchased

Thank you very much for your support. It’s working well ;) Merci !

You’re welcome, astango :)

I’ve noticed something interesting and I’m not sure whether it’s a bug or an intended behavior. If I have a page built with WPBakery Builder that contains individual CSS styles specific to that page, and I restore that page using the WordPress “Revisions” feature, the CSS styles inserted in the “Page Settings” section of WPBakery are not restored — that section remains empty after the revision is applied, meaning the custom CSS styles are deleted.

Hey romankac,

That’s a known issue with the current WPBakery which will be fixed in the upcoming release.

Kind regards

romankac Purchased

Hi, may I ask if this issue has already been fixed in version 18.0?

Specifically, I’m referring to the problem where restoring a page via WordPress “Revisions” does not restore the custom CSS added in the WPBakery “Page Settings” section — leaving that field empty after applying a revision.

Thanks!

Hey romankac,

Yes, the fix for that is included in the latest release of the Salient WPBakery Page Builder.

Cheers

quomo Purchased

Remind me: how do I get the “Off Canvas Menu” to slide from the right over the page rather than pushing the whole page left?

Hey quomo,

You can get that animation by switching the theme skin to “Original” or “Ascend” in the Salient options panel > General Settings tab

Kind regards

b1b Purchased

Hi, I’m trying to remember how to fix line height for page header title in portfolio on mobiles.

I can set the font size in Responsive Settings but not the line height. The result is that the titles overlap horizontally when viewed in one column – please see here https://www.galadigital.uk/portfolio/photography-video-for-arts-design/

Thank you :)

Hey b1b!

That looks like a newer issue related to the auto project header option. You can correct it prior to the next release 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: 1000px) {
    body.single-portfolio .row .col.section-title.span_12 h1 {
        line-height: 1.2;
    }
}

Kind regards

po1nt

po1nt Purchased

Hi! Bug report. Lottie player is bugged, creates some loop artifacts. Example of a lottie that does this: https://app.lottiefiles.com/share/7b1f4859-2396-4b3b-b907-b535872550e9 Whenever I add it to my site lottie player have problems with creating a constant loop and restarts it + adds some weird artifact. Other example: https://app.lottiefiles.com/share/8388e2aa-4f19-4b3d-9b44-ab85370f6be3 Whenever I use those 2 inside lottie player (latest salient) I can’t create an effect of it seamlessly looping regardless having all settings for looping from beginning to end. It just restarts (jump starts from the frst frame without seamlessness). I don’t understand the reason. Please investigate. Thank you.

Hey po1nt,

I can’t replicate any issues with the loop option when testing Lottie files locally or on the live demo. Can you replicate the same issue when testing with the Lottie Helpful Hero Salient Studio template? If so, please open a ticket on the support forum in regards so we can take a closer look at your site.

Thanks in advance

po1nt

po1nt Purchased

Sorry I can’t afford $42 support now because I have just enough to survive and I am building a business totally by myself using AI to lift myself up using salient. After I make first clients I for sure can buy support.

So if this is not a problem I created for you an example page: https://heavenly69.com/lottieloopbroken/

mouth.json creates some weird artifact that animation jumps and creates new frames?! that are not present in the official lottie project?? sonar.json just restarts the animation at it’s end without seamless loop effect.

I also attach two screenshots of the wp bakery builder settings here: https://imgur.com/a/vd1pm9n

PS. The funniest thing is that inside the lottie element settings in this little lottie player preview at the top left it plays (loops) well, but when live on site as published page it breaks (?).

Please help (if you are willing of course). Thank you! <3

Hey po1nt, thanks for the detailed explanation and links.

I’ve noted to investigate that closer for the upcoming v18 release.

Kind regards

po1nt

po1nt Purchased

Hi! Bug report. Anchor links and their scroll. For example I am at the top of a long one page site. I have a #pricing near footer. I click the menu button with #pricing, site scrolls fast there and lands there. All content, including lazy load (images, posters, self hosted videos) and other things that are present on the site like webgl effects (unicorn studio) decide to load all at once after anchor scroll completes. Please protect the anchor scroll that it can scroll through the site without initialization/loading of elements that for example have lazy load, lazy load on sight (self hosted video autoplay etc). Thank you!

Hey po1nt,

You’ll need to disable the “One Page Scroll Support (Animated Anchor Links)” option under Salient Options Panel → General Settings → Functionality to prevent that behavior. When this option is enabled, all elements are scrolled past at once, which causes all lazy-loading logic to trigger.

Kind regards

po1nt

po1nt Purchased

Yes this fixes the problem. Thank you.

You’re welcome, po1nt :)

Hello Team,

News about v18?

Thanks

Yes – feel free to please reach out via the contact form on my author page in regards.

Cheers

Hi, I sent a request via your author page contact form yesterday (14 Oct). Thanks!

Thanks sipeople, we’ll be sending over a copy soon!

Hello Team,

I’m currently using the Salient theme’s “Interactive Map: Leaflet” feature on a client site. By default, all maps use OpenStreetMap tiles.

I want your guidance on implementing language-specific map labels. At the moment, the map displays Japanese labels (streets, other location information) even on the English version of the site. It appears the map is pulling from the default name or name:ja tags rather than using name:en when appropriate.

Our goal is to:

- Display labels using name:en on the English version of the site - Use the name:ja on the Japanese version

All map locations are within Japan, so we only need the labels to change based on the site’s active language. We’re using Polylang Pro for multilingual support.

Could you please advise:

- Is there a way to configure or override the tile layer to support this behaviour without breaking the theme’s built-in map functionality?

- Is there a recommended method to extend or customise the L.tileLayer setup for multilingual support?

Any guidance or example snippets you can provide would be greatly appreciated.

Hey princebhalani143,

That would require modifying the js/src/elements/nectar-leaflet-map.js file and enqueueing a custom version through your child theme. Please use the support forum for technical assistance, as the comment area isn’t the right place for this.

Kind regards

in the footer the link for download app on mobile is really hard to push and doesnt really work but the book tour link does. tried safari and chrome on iPhone. https://sfguide.co

Hey brianfreeman,

Have you cleared the CSS/Page cache from hummingbird yet? I’m still seeing that padding added to the CTA’s.

I just cleared it and weirdly it’s still doing it. even cleared cache at cloudflare

The padding is still visible on my end, and the issue will continue to occur until it’s removed — it appears to be cached by Hummingbird. https://ibb.co/7x3Hm4G0 Have you tried temporarily deactivating the plugin? I also noticed that you have a separate column visible on mobile only, containing the same buttons (Download App / Book Tour). Could you double-check that you’ve edited the mobile version and not just the desktop version?

If you’d like us to check on the backend closer for you, feel free to open a ticket on the support forum in regards

ND81 Purchased

Something weird seems to be happening with the CSS / JS input editor.

I’m not sure how best replicate, if it’s something happening on my end, but when I input CSS for a rule, and click ‘Update’ on that box, the WP Bakery layout etc. gets thrown out of whack.

Is this a known issue, or is it likely something on my side (conflicting plugins etc.)?

I’[m on 17.3 for reference

ND81 Purchased

ok cool, very excited – will wait for the public release, but thanks. I’m pretty sure there’s some kind of a conflict happening with a third-party plugin; if I find out what it is, and think it’s relevant I’ll drop you a message.

ND81 Purchased

One further question; is there anyway to hide the Page Sub-Menu until it becomes Sticky?

Sounds good, ND81 – thanks!

You can accomplish that page sub menu modification with the following CSS:

.page-submenu:not(.stuck) {
  opacity: 0;
}

Cheers

dimage

dimage Purchased

hi, how can i disable the social icons efect on the top menu? thanks

Hey dimage,

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:

body #header-outer #social-in-menu a:hover i {
  transform: none;
}

Kind regards

H0kus41 Purchased

Oops, nevermind. Please delete this.

wints77

wints77 Purchased

Hi. Is there a way to make the hight of Post Loop Builder Grid items > Content overlaid on featured image (posts) a different height on mobile devices? I havethem set at 40% which is OK on desktop but too small to fit the content on mobile.

Hey wints77, the option to control the mobile sizing will be coming in the next release :)

Surya7t

Surya7t Purchased

hi i purchased one license of this theme and loved it , i need to purchase one more but on that website i need pricing comparison table… are there any prebuilt demo in which pricing table is there which i can install instantly without making one manually?

Hey Surya7t,

There’s a dedicated “Pricing” section in the Salient Studio template library.

Kind regards

Hello! I have a customer whose website is build using Salient and WPBakery. The mobile header is made using off-canvas menu, but when I have subpages there is a “back” button, that I can’t change the language of. Is there somewhere in the theme where I can change the site language?

Hey website299,

That string “Back” is translatable via the “salient” text domain. You can use your desired translation plugin to alter that: https://themenectar.com/docs/salient/translations/

Kind regards

hello is there documentation on how to create image hot spots how to use this feature is there video or docs. thanks

Hey krazy4sales,

There isn’t any video documentation specifically for that element. It works by allowing you to click and add hotspots directly on the image preview while editing. The content for each hotspot is filled out in the corresponding sections below. You can also find several Studio Templates by searching for “Hotspot” to see example elements populated on a page.

Are you unable to add or edit hotspots while editing?

Kind regards

po1nt

po1nt Purchased

Hi! Please help me because I wasted 1,5 months on battling this and I will go insane lol (I am not a dev).

I have a self hosted bliss.json (unicorn studio webgl – https://www.unicorn.studio/) I used precreated by you SAAS demo that has pricing tabs with toggle switching called Pay Monthly & Pay Yearly.

No matter what I do, I can’t place bliss.json into right column (https://heavenly69.com/#pricing) in a way that tab switch is not reloading it, creating a flicker effect of it disappearing and breaking it completely making it vanish. I tried using AI to do many things, nothing helps.

The columns on the left have their background stay unmoved (non flicker on tab switch), only their content switches (text/icons). How to place the bliss.json in both pay monthly and pay yearly right columns and fill them with this webgl effect without the tab change forcing them to reload and break.

I hope you know what I mean. I want to place it there so when tab switches it just is visible there constantly (inside Bliss Master columns of Pay Monthly & Pay Yearly) without reloading/flickering it, same as backgrounds in the other columns. I am literally hitting my head against a wall with this for 1,5 months now.

Pleaseee help me. Thank you! <3

Hey po1nt,

I would suggest moving that WebGL element outside of the tabs and positioning it absolutely so it expands to fill the area of the column. It would require custom CSS and altering the location of the code in the page builder. If you’d like assistance, feel free to open a ticket on the support forum in regards as this goes beyond what we can assist with in the comments here.

Cheers

For this page https://www.temporary-url.com/79C28D, is there a setting in salient or a method to add search filters such as a dropdown or a side menu? We want to use either categories or tags to allow users to filter through the content on the archive page. Thanks!

Hey ehong33234!

There’s no built-in option to add filters on the archive page, but I’ve noted the idea on the wishlist.

Kind regards

wints77

wints77 Purchased

Hi. I have searched across the comments but can’t find a solution. I am looking to hide the categories which show above the blog post title on Recent Posts > Multiple Large Featured

Hey wints77,

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:

.nectar-recent-posts-slider_multiple_visible .strong { display: none; }

Cheers

wints77

wints77 Purchased

Thanks but that didn’t seem to work. I have logged a ticket

Sorry about that, wints77. Thanks for opening a ticket – I can see it was answered earlier today.

Cheers

ND81 Purchased

Hi guys,

I realize this probably is simply a WP Bakery issue, but is there anyway to copy Column settings across to different columns?

Thanks

Hey ND81,

There’s currently no way through the UI to copy the settings of one column to another. However, you can save rows as templates to reuse as needed if you’re trying to create many of the same styled sections.

Kind regards

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey