Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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.
    Thanks!

    #844465

    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,
    Mike

    #845040

    Excellent! Thank you so much!

    #845080

    Hi,

    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.