On my homepage, I am displaying a color section that contains an easy slider. That section is resizing upon opening the page. Upon initial upload, the container adds a lot of padding below. Once the slide changes, it goes to proper sizing. Images are all the same size, so that is not the issue.
Hey,
Thanks for contacting us!
I tried temporarily disabling JS file merging and compression in Enfold theme options > Performance however that did not make any difference. Everything seems right with your page too. Could we try de-activating all active plugins temporarily as well?
Best regards,
Yigit
Hi Yigit,
Yes, let’s use the staging environment to do so. I’ve input that information in the private content below. It looks like it might be the SmushPro plugin, which surprises me.
Thanks,
Beth
Hi,
Thank you for the login, this was caused by the lazy load feature of SmushPro, the element #top.home #av_section_2 .avia-slideshow-inner
was getting a height of 780px on page load add via javascript the correct height was 433px, since this height was changed via javascript in the DOM it overwrites any css rule added to try to control this behavior, the plugin offers a possible excludion control Classes & IDs which I tested by add the ID exclude_this_slider to the element and the control, but it didn’t work, but using the option to exclude the frontpage does work.
Please clear your browser cache and check.
Best regards,
Mike
Mike – That works, but I’m not sure where you input the script? I need to replicate this on the main site, as you made adjustments on the staging site.
Thanks,
Beth
Hi Beth,
Glad Mike could help!
Please go to Smush Pro > Lazy Load > Include/Exclude and disable “Frontpage” :)
Best regards,
Yigit
Thank you so much!