How do you remove the header for mobile devices?

Forums » WordPress » Septera » How To

  • Author
    Posts
  • November 18th, 2017 at 13:19 #56088
    Ascan

    How do you remove the header for mobile devices?

    November 19th, 2017 at 17:05 #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.
    November 20th, 2017 at 01:23 #56499
    linarius

    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

    November 22nd, 2017 at 22:21 #56591
    Ascan

    Thank you Zad!

    November 25th, 2017 at 15:25 #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.
  • Author
    Posts
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.