Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 4, 2016 at 9:49 pm #559504
    stacieclark

    Hi there,
    I’ve entered some custom css to keep the header “sticky” for mobile but now it is covering some of the page content. As you can see in the link below (on mobile), the header is covering some of the photo at the top. Please help me fix this!

    January 5, 2016 at 2:29 am #559670
    Elliott

    Hey stacieclark!

    Add this to your custom CSS.

    @media screen and (max-width: 767px) {
#top #main {
    top: 80px !important;
    position: relative;
}
}

    Cheers!
    Elliott

    • This reply was modified 8 years, 11 months ago by Elliott.
    January 5, 2016 at 2:59 am #559694
    stacieclark

    that doesn’t work… did you test it and see it work on your side? You can see the issue on any of the dropdowns under “Solutions” since all those pages are laid out the same…. I have removed the code you sent since it didn’t work. Any other ideas?

    January 5, 2016 at 10:26 am #559802
    Rikard

    Hi,

    Please try the following instead:

    @media only screen and (max-width: 767px) {
#av-layout-grid-1 {
margin-top:82px !important;
}
}

    Cheers!
    Rikard

    January 6, 2016 at 3:56 am #560279
    stacieclark

    Thanks Rikard! That worked awesome!

    January 6, 2016 at 12:34 pm #560449
    Rikard

    Hi,

    Great, glad we could help :-)

    Cheers!
    Rikard

    October 15, 2017 at 10:22 pm #864570
    nteinert

    Hello, I’m having the same issue. This worked for me but not when the header menu is sticky? How do you get them both to work.

    October 16, 2017 at 3:29 pm #864849
    Victoria

    Hi nteinert,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

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