layer Slider Issue

Hey hoibi1984,

Thank you for using Enfold.

Please add the following css codes in the Quick CSS field.

#top .avia-layerslider .ls-wp-container {
    width: 100% !important;
}

#top .avia-layerslider .ls-wp-container .ls-slide-backgrounds * {
    max-width: 100% !important;
    width: 100% !important;
    transform: translateX(0) translateY(0) !important;
    transition: none !important;
}

#top .ls-inner .ls-slide-transition-wrapper, #top .ls-inner .ls-slide-transition-wrapper * {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    transition: none !important;
}

Remove browser cache or hard refresh before checking the page.

Best regards,
Ismael

Hi,

We set the slider settings to “Fixed” and hid it on mobile view. Please add another full width or full screen slider and then use Screen Options to make it visible on mobile view only.

Best regards,
Ismael

Hi,

Yes, the problem is that the layer slider doesn’t respect the width of the boxed layout container. The slider and its layers inherit the width and position from the browser’s viewport. Unfortunately, we’re not sure how to fix it yet.

Best regards,
Ismael