Homepage Slider creating extra space below on initial page load

[disrael]

I added multiple images in the Homepage Slider Widget and when you initially load the homepage, there is extra space being added to the .bx-wrapper until the slider completes its first cycling of images. I’ve tried to override using CSS and editing the slider options in custom.js but nothing seems to work.

• This topic was modified 3 years, 9 months ago by disrael.

[Yazmin]

Can you please deactivate Jetpack lazy loading for images option, and see if that fixes the issue.

[Yazmin]

Just a bit more info; I think it probably is Jetpack image lazy loading.

Instead of deactivating it, you can add the CSS class skip-lazy to the images.

Screenshots attached, showing how to add a CSS class to the images.

[disrael]

Wow that worked great. Thank you so much!

[Author]

Posts