[Ascan]

How do you remove the header for mobile devices?

[Zed]

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.

[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

[Ascan]

Thank you Zad!

[Zed]

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