Tagged: ,

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


    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?


    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,


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


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


    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,

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

You must be logged in to reply to this topic.