Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #694290

    HI team – please see screenshot here – the 2 buttons in the header slideshow are cut off on mobile

    https://www.dropbox.com/s/oo7qzlgkdq29x88/IMG_0145.PNG?dl=0

    I’ve used one of your templates so haven’t tweaked the design too much – any suggestions as to how to fix?

    here’s the site

    thanks

    #694439

    Hey ShortieD,

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

    .home .avia-slideshow-button a {
    font-size: 9px !important;
    }

    Regards,
    Rikard

    #694489

    Hi There – this doesn’t do anything – I tried adding a media query as well

    @media only screen and (max-width: 989px){
    .home .avia-slideshow-button a {
    font-size: 9px !important;
    }
    }

    But neither did anything – any other suggestions – I always have issues getting buttons on your slideshow module to display properly on mobile – is it betterto increase the size of the slideshow height on mobile rather than decrease the size of the buttons?

    Cheers

    #694496

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
    Adjust the max-width value in media query to suit your design.

    
    @media only screen and (max-width: 775px) {
        #full_slider_1  {
        background:#018ec6!important;
    }
    .av_slideshow_full.avia-slideshow { 
        min-height: 300px!important;
    }}
    

    Best regards,
    Vinay

    #698573

    excellent – that’s great! Thank you

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘buttons in header on mobile are cut off’ is closed to new replies.