I have a Layerslider where I have set some images to fly in and are positioned at a certain location on the page. When I preview it in Layerslider, it’s fine, but on the live site, they bunch up in the top left corner. I’m on Enfold 5.2.1
Thank you for the inquiry.
We may need to inspect the site or the layer slider in order figure out the issue. Please provide a link to the page containing the slider. A screenshot will also help.
Here’s a link to the page: https://sheadentalaz.com/
Here’s a screenshot of the page live with the images bunched up in the top left corner:
Here’s a screenshot of the images where they’re supposed to be in the editor and live preview inside the Layerslider editor:
Thank you for the link and screenshots.
We can reproduce the issue on our end but we are not yet sure what is causing it, and there are no errors in the console. Is it working correctly when you disable the css and script compression from the Autoptimize plugin?
I tried disabling just the CSS and script compression in Autoptimize and that didn’t work. But when I deactivated the plugin, it works correctly now. Thanks!