Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 1, 2021 at 7:30 am #1308229
    hectorfosado

    Hello.

    I have tried several older pieces of code in this forum in order to make the whole header (as well as the Top Bar) disappear but only in the moble version of the website.

    Can this be done with the current version of Enfold?

    July 1, 2021 at 5:40 pm #1308369
    Nikko

    Hi Héctor,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
    #header {
        display: none !important;
    }
}

    Best regards,
    Nikko

    July 3, 2021 at 5:00 pm #1308585
    hectorfosado

    Hello again. It doesn’t seem to work. The top bar is still there in the mobile version.

    July 3, 2021 at 8:10 pm #1308591
    hectorfosado

    And also, the Top Bar itself and the Header are sticky despact the fact that I set the header to NON sticky.

    July 4, 2021 at 8:42 pm #1308672
    Mike

    Hi,
    Thank you for your patience, when I view your site under 767px your header & topbar is not visible, but you have another section that looks like your header that is showing #av-layout-grid-1, perhaps you are looking at that?
    Over 767px which would be tablet view, the header and topbar are showing, perhaps this is what you meant by “mobile”?
    So how high do you not want the header to show 1440px, laptop?

    @media only screen and (max-width:1440px) {
    #header,#av-layout-grid-1 {
        display: none !important;
    }
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

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