Tagged: ,

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

    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?

    #1308369

    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

    #1308585

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

    #1308591

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

    #1308672

    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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.