Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 8, 2023 at 8:43 pm #1418502
    jasonlthornton

    Greeting, The homepage Full Width Easy Slider on m y mobile device is slightly cut off. I’m unable to view the text and buttons. Can we make things taller so everything fits?

    September 9, 2023 at 11:07 am #1418545
    Rikard

    Hey jasonlthornton,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 10px;
}
}

    Best regards,
    Rikard

    September 11, 2023 at 8:04 pm #1418792
    jasonlthornton

    Thank you keymaster, I added that code but am still having issues with the slides that have 2 lines in the header. For example the first slide the buttons are still cut off.

    September 12, 2023 at 2:07 am #1418817
    Nikko

    Hi jasonlthornton,

    Please try to use this CSS code (I just added few things on top of Rikard’s code):

    @media only screen and (max-width: 767px) {
  .html_header_transparency #top .avia-builder-el-0 .container, 
  .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
    padding-top: 10px;
  }

  #top .avia-fullwidth-slider .avia-slideshow-inner {
    min-height: 240px;
  }

  #top .avia-fullwidth-slider .avia-slideshow-inner img {
    min-height: 240px;
    height: 240px;
    width: auto;
    max-width: none;
  }
}

    Hope it helps.

    Best regards,
    Nikko

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