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

    Hello,

    I want to use the Slide Show on a new website. But the Slide-Show does not look very nice on smartphones and I cannot read the text boxes any more. Also the slide show control elements are really big and… Is it because of the image format? How can I optimize the for mobile use?

    Here is the website: http://186.64.116.185/~clinic61/

    Thanks and best regards
    Sebastian

    #1129510

    Hey camchal,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.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: 140% !important;
        max-width: auto;
      }
       .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
          padding-top: 0px;
      }
    }
    
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

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