Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1083291

    I need to change the height of the Full Width Slider in Mobile only. At the moment it is adjusting the image to fit which makes it look very small.
    Thanks for your help

    #1083601

    Hey Royden,

    Try this 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: 180% !important;
        max-width: auto;
      }
       .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
          padding-top: 0px;
      }
    }
    
    

    Do you have texts on the images? This will not look good.

    Best regards,
    Victoria

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.