Archived topic
Hide header on mobile
10 replies · Started by BarnaB on December 30, 2016
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 :
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 :)