How do you remove the header for mobile devices?

  • Author
    Posts
  • #56088

    How do you remove the header for mobile devices?

    #56138
    Zed
    Cryout Creations mastermind

    You could hide it with CSS:

    @media (max-width: 800px) {
       header#masthead {
           display: none;
       }
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #56499

    Hi Zed,

    I tried that with a custom CSS.
    It works and removes the header when loading the page on a smartphone.
    However, at the same time it also removes the dropdown top menu and the homebutton.
    Is there a better way to keep the topmenu?
    And would there be the possibility to display a different header picture on a mobile device, instead of just removing it?
    Or can I somehow zoom into my header, so it’s larger on mobile, and the height is not so tiny?

    Thank you,
    Best regards,
    Fabian

    #56591

    Thank you Zad!

    #56658
    Zed
    Cryout Creations mastermind

    Everything in the top area (main navigation, logo, socials, header image) is part of the header.
    A different header image or different header image behaviour can be achieved with custom styling, but I’d need to see the site and the desired alternative header image for more details.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘How do you remove the header for mobile devices?’ is closed to new replies.