Hey jarektom, Salient is generally compatible with all major performance plugins. The only time you could potentially run into an issue is when you activate aggressive settings within the plugin which alter the loading of JavaScript.

Kind regard,

Hey alvartabe!

You can disable that section in the Salient options panel > header navigation > secondary header bar tab by selecting “Standard” for the “Secondary Header Bar”.

Kind regards,

Hey BlackWat3r,

I don’t have a specific plugin to recommend for that functionality. However, any plugin adding that kind of functionality should be able to work without issues when using either the “2 Column Images + Sticky Product Info” or “Default WooCommerce Gallery” style offered in the Salient options.

Kind regards,

Hey,

The issue is that you have an unclosed media query that is limiting all CSS below it to screen sizes less than 690px: https://ibb.co/9W8X5qD – If you shrink your screen to a mobile size, you’ll see all your custom CSS apply in the current state.

To fix it, you should close that media query after the ”.k4c-slider-heading .content” rule, or remove the media query altogether.

Kind regards,

Hi, I can’t believe we missed this error in the custom CSS, thank you for pointing it out! The issue is fixed now.

Glad that I could help, stevenboot

Solved! I’ve disabled the Parallax Background Image Scroll (in Row Settings – Animation) from the row and the testimonials have reappeared.

Hey kimkawe!

Since there’s no known issue with the parallax option + testimonial, if you’d like to provide a test URL where the issue can be observed, I’d be glad to take a closer look.

Kind regards,

its self hosted mp4 video

Hey e3templates,

I can’t replicate that on one of the demos which uses a video BG: https://themenectar.com/salient/wellness/

Can you share your actual URL so that I can take a look?

Kind regards,

Hey jaclerigo,

Thanks for pointing that out

I’ve noted to include it in the next release.

Cheers

Hey JustinScottDay,

Can you 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: 690px) {
  #ajax-content-wrap .woocommerce .cart .product-subtotal,
  #ajax-content-wrap .woocommerce .cart .product-price {
      display: none;
  }
}

Kind regards,

a perfect, thanks

hi sorr, any way to change the meta on hover color ??

Hey dimage,

In the “Grid Item coloring/style” tab, you can adjust the “Color Overlay” as well as the “Text Color Hover” to what you desire.

Are you trying to alter something else?

Kind regards,

Hey Insaniam, an issue like that could occur when lazy loading all images, if some of your images are not sized appropriately to fill the columns that they’re contained in. For testing, you can disable the lazy loading option in the Salient options panel > general settings > performance tab, “Lazy Load Page Builder Element Images”.

Kind regards,

hello thx you ! Indeed that were the problem came from ! thx for the quick reply back.

Glad I could help, Insaniam

Hey alexbirks,

Can you kindly share the page URL where the issue can be observed?

Kind regards,

Hey art90, I’m glad to hear that you’re enjoying Salient

It’s still coming soon. The current ETA is less than 2 weeks (the scope of the update has grown since you last asked) – and no, unfortunately, no time for vacation over here!

Cheers

Hey evanzyl,

Please share your URL in regards so that I can take a look to help out.

Kind regards,

Hey Yellowmla,

Unfortunately, there’s built-in option to link a team member element to a Lightbox in that manner. However, I would recommend that you make use of the team member “Meta Overlaid, Bio Modal” style and then use CSS to alter the design/hide the bio to achieve the functionality you’re looking for without any custom development through a child theme template modification.

Oh, bummer. Thanks for the suggestion. Love.

You’re welcome, Yellowmla

Hey fixedman,

Kind regards,

Thank you!

You’re welcome, Fixedman

Hey AletalkProductions,

The secondary header hides by default when scrolling away from the top to provide more space for the content. You can alter that and make it persist by add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

#header-outer {
    transform: none!important;
}

I can’t see what you’re referring to with cart icon being out of alignment: https://ibb.co/wJvSkqf can you kindly provide a screenshot?

Thanks in advance

Hey nforce,

Unfortunately it wouldn’t be possible in the current release without some custom modifications

Kind regards,

Hey e3templates,

Please share your site URL in regards so that I may take a look at your settings to assist.

Thanks in advance,

thankyou i found the correct field in settings.

Glad to hear, e3templates

Hey mijafe,

I’m glad to hear you’ve been enjoying Salient

You could use CSS to alter the sizing of that image to force a specific aspect ratio. Add the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab: https://pastebin.com/bnsZfysU

Thanks for that. I tried it, but I think we want to keep the picture as half the page, so that solution may not work. So then on some big screens, the picture may get cut off so only part of the face is showing. On iPad the same thing happens when tablet is held vertically. When held horizontally, the pictures fit better, but there is a problem with scrolling on the text. Also either way on iPad, there is no “x” button to x out of the window like there is on mobile and web. Thanks for any help.

Hey mijafe,

If you wish to keep the team member photo fullscreen, the aspect ratio of it will change depending on the device you’re using and cause cropping. In the demo, we use images are are slightly further away to allow the cropping to not interfere with the subject as much. If you’d like to share your URL in regards, I’d be glad to take a look at your images to provide some further guidance.

You can also add in the following CSS snippet in order to add the “close” icon in iPad viewports:

Kind regards,

Hey MohsenB,

The screenshot I previously provided is from the official Google mobile-friendly test.

Kind regards,

Thanks for your reply,

I have installed and optimized everything (using Autoptimize) and minified everything. the issue is still there.

I ran the Google Mobile Friendly test separately and results where still the same with the errors,

I ran the Google Mobile Friendly test through the google admin page also, the errors are still visible.

Please see here:

Your help is appreciated.

Thank you

Hey again MohsenB,

When running your URL through the mobile test, I’m seeing mixed results. i.e. after running the test 10 times, most of the time it’s passing and with one time showing as failing.

On the occasion that it showed as failing with those two warnings, clicking the actual error reveals a screenshot of the page and it’s clear the see that the assets have not loaded for the test: https://ibb.co/zRSvtPB

My guess is that it’s related to the same topic as discussed here on the Google search console forums: