Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author oceanwp

    (@oceanwp)

    Hello, not for the header, for the top bar, page header (title), and footer. I don’t see the point to hide the header on mobile, how users will see your menu?
    But you can use this css code if you want to do that:

    @media only screen and (max-width: 767px){#site-header {display: none;}}
    Thread Starter jooleyen

    (@jooleyen)

    My home page header is a “custom header” from my theme panel library. When I load it on a mobile device, the header is huge and takes up half the screen, which is why I want to hide it and use a hamburger icon menu for mobile devices. I had to install a plugin in order to get a hamburger icon for mobile devices. I wish there was a way to just choose “hide custom header on mobile devices and replace with mobile menu”, but I don’t see anything that simple. Am I missing something?

    But thanks, that bit of CSS did the trick perfectly, just not as simple as it could have been.

    https://www.julienkozak.com

    Hi

    I think you don’t need to hide your menu but just transform it in a mobile menu once you reach the breakpoints for a mobile.
    It’s something you can found in the customizing/header/mobile menu I think

    Theme Author oceanwp

    (@oceanwp)

    Or you can create two headers in your custom header template and hide in mobile the desktop header.

    Yes good advice and even 3 if you want a different header for each device
    The template feature is a great thing as you can customize your site at very low level

    Hello Everyone,

    I’ve been having an issue with my website. On the mobile version, there is a menu/header which I can’t remove.

    Can somebody help me?

    https://ibb.co/n9pU1U

    Theme Author oceanwp

    (@oceanwp)

    Hello @luialves89, it seems that you use an AMP plugin or the AMP feature of Jetpack.

    Hello,

    As you can see in the pictures below, my WordPress site’s title looks very ugly on mobile and tablet. How do I fix this? Does anyone have any plugin or could suggest a different solution? By the way, this is my first WordPress site and I’m pretty new. Thank you in advance..

    https://i.hizliresim.com/r59rJP.png

    https://i.hizliresim.com/bVb3Bj.png

    https://i.hizliresim.com/jgnZyD.png

    Theme Author oceanwp

    (@oceanwp)

    Hello, all your screenshots redirect me to a 403 error.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Hide header on mobile’ is closed to new replies.