mobile header hidden

  • Resolved virtualve

    (@virtualve)


    3 years, 2 months ago

    The banner looks great on desktop, but it covers the header (logo and menu) on mobile devices. See here. Can you let me know how to fix this?

    Also, in case I want to remove the banner completely from mobile, how do I do so?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author rpetersen29

    (@rpetersen29)

    Hi @virtualve
    I’m copying some of these values from your staging site, but in order to remove the banner in mobile you would put this in Website Custom CSS:

    @media only screen and (max-width: 1023px){
.simple-banner{ display-none; }
}

    You can adjust the max-width value to determine at what screen size you’d like to stop showing the banner.

    To fix your mobile header, you can put this in your Website Custom CSS:

    @media only screen and (max-width: 1023px) {
header.site-header {
    top: auto !important;
}
}
Viewing 1 replies (of 1 total)
  • The topic ‘mobile header hidden’ is closed to new replies.

Tags