Increase high Fullwidth Easy Slider Mobile

Hey Stefano,

Please use the following css

@media only screen and (max-width:767px){
  #full_slider_1, 
  #full_slider_1 .av_slideshow_full.avia-slideshow,
  #full_slider_1  .avia-slideshow-inner,
  #full_slider_1 .avia-slideshow li,
  #full_slider_1 .avia-slideshow li img {
    min-height: 240px;

  }
  #full_slider_1 .avia-slideshow li img {
    width: 200% !important;
    max-width: auto;
  }
   .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
      padding-top: 0px;
  }
}

Best regards,
Victoria

Hi,

What mobile browser are you using?

Best regards,
Basilis

Hi unicaweb,

Do you mean that images are stretched? Well, you might want to hide this slider for the smallest screens with the theme options and make a slider with images better suited for these screens and show it on mobile.

Best regards,
Victoria

Hi unicaweb,

Can you try to replace this css code:

#full_slider_1 .avia-slideshow li img {
    width: 200% !important;
    max-width: auto;
}

with:

#full_slider_1 .avia-slideshow li img {
    width: 150% !important;
    max-width: none !important;
}

Hope it helps.

Best regards,
Nikko