[Resolved] Hide header on mobile

[BarnaB]

Hi Tom,

Is there a CSS snippet to hide ALL page headers on mobile devices ? under x pixel width id should not show….

Thank you

https://wpress.zone
Tutorials and tips for GeneratePress and Elementor

[Leo]

Try Customizer > Layout > Header and disable Mobile Header.
Let me know if this is what you are after.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

It depends what you mean by page header? The overall site header? The page header built using the page header meta box?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[BarnaB]

Yes, the page header built in page meta box. Just want to keep the menu and logo on mobile 🙂 i got that big image header on all pages but on mobile they loose meaning due to crop…

Thank you

https://wpress.zone
Tutorials and tips for GeneratePress and Elementor

[Tom]

You could try this:

@media (max-width: 768px) {
    .generate-page-header {
        display: none;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[BarnaB]

Hi Tom,

That hid the menu too not just the header image :/

https://wpress.zone
Tutorials and tips for GeneratePress and Elementor

[Tom]

Can you show me the page you’re working with?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[BarnaB]

Sure :

https://fotoalap.hu/

I got the mobile header enabled, but that was affected by the code too :/

https://wpress.zone
Tutorials and tips for GeneratePress and Elementor

[Tom]

Give this a shot:

@media (max-width: 768px) {
   .generate-inside-combined-content {
        display: none;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[BarnaB]

Yep, that worked got it saved in my snippet library 🙂

https://wpress.zone
Tutorials and tips for GeneratePress and Elementor

[Tom]

Perfect 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts