Hey kayota,

It looks like the height set for the images on phones is taller than it is on tablets. If you reduce the height (currently 550 px), it should improve the render quality. I’d suggest trying a value of around 350 px for the phone viewport.

Kind regards

Hey royshell, themenectar.com is using Salient. That effect is created using the Row Animation -> Clip Path Inset. If you would like assistance recreating that section, feel free to open a ticket on the support forum in regards.

Hey veggie_89,

Thanks for letting us know. I’ve noted to get this fix in for the next release.

Kind regards

Thanks, Alex. I haven’t been able to replicate that issue locally yet. Can you confirm whether the same behavior occurs after updating to the latest version of Salient (17.4.x)

Kind regards

Hi team, Thanks a lot for your reply. You have the good solution. With updating the theme the behavior was fixed.

Thanks a lot for your support. Have a great day. Best regards.

I’m glad to hear, Alex

Hey brianfreeman!

Before the end of this month. There’s no new blog demo, but there are 3 other new demos coming and a ton of new features and improvements! If you’d like to get the beta, feel free to reach out via the contact form on my author page.

Kind regards

Hey Oliver,

When editing the column number, you can select the 1/5×5 arrangement on the end of the list.

Kind regards

Oh, wow. Thx a lot. Never seen this option befor.

You’re welcome, born-design

Hey arthurix

1. 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) {
  li.nectar-header-text-content-wrap {
     position: absolute !important;
     width: 220px;
     bottom: 0px;
     left: 30px;
  }
}

2. Try using the following CSS snippet:

#header-outer #top .nectar-header-text-content a {
  padding: 0;
}

Kind regards

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

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

You’re welcome, astango

Hey romankac,

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

Kind regards

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

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

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

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

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.

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

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

Yes this fixes the problem. Thank you.

You’re welcome, po1nt

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!

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

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

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.

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

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

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