Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #844157

    Hi – I’d like to make an adjustment for so that the home page slider is not as deep for mobile as desktop – in other words, the slider takes up less vertical space on mobile.


    Hey bobjonesdesigns,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) { .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {height: 70vh !important; }}
    @media only screen and (max-width: 767px){
    .responsive #top #wrap_all .container .slideshow_align_caption {top: -200px !important; }
    .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {padding-top: 0px!important; }}

    The top line is for the slider, the bottom two are to bring the caption up so the smaller slider doesn’t hide it.
    Adjust to suit.

    Best regards,


    Excellent! Thank you so much!



    I’m glad Mike was able to help you. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Mobile’ is closed to new replies.