Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1149911

    Hello community,

    last weekend i finished my site with Enfold.

    The only thing that bothers me is that the slide-show banner on top of the mobile device is too small, on the website ist looks good.

    In some sections I have set that on the mobile devices, the font (text) should be displayed larger, but unfortunately I can not do this on the slide show

    How can I make the slider on the phone bigger?

    Thnak you

    #1150040

    Hey Meinhart_esrohr,

    Could you post a link to where we can see the problem in question please?

    Best regards,
    Rikard

    #1150078

    how can i send the like as PM ?

    #1150346

    Hi,

    You can post the link in the Private Content box of your reply if you don’t want to post it in public.

    Best regards,
    Rikard

    #1150412

    okay, thank you

    #1150604

    Hi Meinhart_esrohr,

    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;
      }
    }
    

    It might not look as expected because the image aspect ratio does not scale well for the portrait mode.

    If you need further assistance please let us know.

    Best regards,
    Victoria

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