Hello
I have a problem with the layer slider in responsive way
My slider is 1000px height but on celular phone there is a problem ,it’s still 1000px height and it makes like a big margin bottom
i have this line just below <main>
<div id=”layer_slider_1″ class=”avia-layerslider main_color avia-shadow avia-builder-el-0 el_before_av_textblock avia-builder-el-first container_wrap fullsize” style=”height: 1001px;”>
instead of
<div id=”layer_slider_1″ class=”avia-layerslider main_color avia-shadow avia-builder-el-0 el_before_av_textblock avia-builder-el-first container_wrap fullsize” style=”height: auto;”>
do you know where is the problem?
Cheers
Nad
Hey JNAD,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 767px) {
#layer_slider_1 {
height:auto !important;
}
}
Thanks,
Rikard
Thank you
Nad
Hi,
Glad we could help :)
Best regards,
Vinay