Hide header in mobile doesn’t work

  • eleveno

    (@eleveno)


    8 years ago

    Hi,

    I tried to hide the header with the following code, witch works on desktop, but on mobile doesn’t work. Please, can you provide the solution for this?

    Thanks

    /* Hide Header */
    .main-navigation, .logged-in .site-header {
    display: none;
    }
    .logged-in .main-navigation {
    display: block;
    }

    • This topic was modified 8 years ago by eleveno.
    • This topic was modified 8 years ago by eleveno.
    • This topic was modified 8 years ago by eleveno.
    • This topic was modified 8 years ago by eleveno.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Leo

    (@leohsiang)

    Hi there,

    So you want to hide the site header all together? This CSS should work for all of them:

    .site-header {
    display: none;
}

    Let me know.

    Theme Author Tom

    (@edge22)

    To hide the header on mobile, you would do this:

    @media (max-width: 768px) {
    .site-header {
        display: none;
    }
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hide header in mobile doesn’t work’ is closed to new replies.