Advanced layerslider unable to display slides with large images as backgrounds

Hello

I’m having trouble with the Advanced Layerslider on my website. I am trying to set up a full width responsive layerslider with an image saved as a background and an animated text layer. I have both ‘full-width’ and ‘responsive’ selected in the slider settings.

If I use an image with a width less than 1500px, there is no problem. However, if I use a larger image as the background, it is shrunk down to a ~1500px width, with the remaining buffer space being filled with white (my background color). For example, if I set a 3000×1260 image as a background image, and set slider width to 100% height to 1260px, and full-width responsive settings to 3000px, the image will be displayed as a ~1500×630 box within a larger 3000×1260 white area, which is then responsively scaled to fit my browser window.

I can ‘fix’ it by setting the image height and full-width responsive settings to 504px and setting max-width and responsive-under to 1200px (to make a 1200x504px image), but obviously I lose the ability to display full-width on monitors with > 1200px resolution.

What’s weird is that the problem only affects the image background. It has no effect on image layers, which display correctly. Another workaround is to leave the background blank and include my images as layers. However, if I do this I can’t use transition animations.

This problem is occurring on my laptop and on my mobile devices.

I am running an up-to-date version of Enfold and this problem persists if I add my sliders to the demo theme.

Edit: Nevermind. Jetpack was causing the issue. I deactivated it and the slider is working correctly!