How to set Layer slider to full width will be visible on mobile

Dzien dobry Krzysztof!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 480px) {
#zaufali .container {
    max-width: 100%!important;
    width: 100%!important;
    padding: 0!important;
}}

For reference, this solution is based on this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/ :)

Best regards,
Yigit

Hi Krzysztof,

There was one closing curly bracket missing in your Quick CSS field. I added it and now it does work fine on my end. Attached a screenshot in private content field :)

Best regards,
Yigit

Hi Krzysztof,

Now i understood the changes you would like to make clearly. Can you please firstly update Enfold to the latest version 4.0.7 – kriesi.at/documentation/enfold/updating-your-theme-files/? You are currently using an older version of the theme (3.8) which has the older version of LayerSlider. Now there are more features in both the theme and in LayerSlider. You can read more about Enfold 4.0 release here – http://kriesi.at/archives/enfold-reimagined-version-4-0

Best regards,
Yigit

Hi Krzysztof,

I changed the code to following one

@media only screen and (max-width: 480px) {
#zaufali .container {
    max-width: 100%!important;
    width: 100%!important;
    padding: 0!important;
}
html .ls-container img, body .ls-container img, #ls-global .ls-container img {
    width: 100%;
}
.ls-wrapper.ls-in-out, .ls-wrapper.ls-in-out div {
    height: 60px!important;
    width: 100%!important;
    left: 0%!important;
}
}

Please review your website :)

Best regards,
Yigit

Hi,

Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

I believe this one is resolved, is that correct? :)

Best regards,
Yigit