Site logo

Archived topic

Hide header on mobile

10 replies · Started by BarnaB on December 30, 2016

Viewing posts 1–11 of 11

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

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

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

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

You could try this:

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

Hi Tom,

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

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

Sure :

https://fotoalap.hu/

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

Give this a shot:

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

Yep, that worked got it saved in my snippet library :)

Perfect :)

This archived topic is closed to new replies.