Archived topic
Hide Mobile Header & Menu on Mobile
9 replies · Started by Rizki on March 10, 2019
Hi there,
How to disable header & menu on specific page on mobile ? I want just a content displayed without header on this page.
Hi there,
it requires some CSS eg.
.postid-xx #mobile-header {
display: none;
}
Just change the xx for that specific pages ID
Unfortunately it doesn't work, header still exist for this page : https://bit.ly/2VPUSzR
domain,com/wp-admin/post.php?post=871&action=edit => ID of the page is 871 right ?
Hi there,
ok so if its a post the CSS selector would be:
.postid-xx #mobile-header
Hi David,
The header still exist :)
I edited the code here:
https://generatepress.com/forums/topic/hide-mobile-header-menu-on-mobile/#post-835377
Try that. If it doesn't work can you link me directly to the page. You can edit your original topic and change the site URL.
Hi David,
I have changed the URL on original topic. And I have entered the CSS code like this : http://prntscr.com/mwe5aj an still doesn't work.
Right so it is a page lol - try this:
.page-id-871 #mobile-header {
display: none !important;
}
Yeah it works :) I already said that it was a page :D But thank you so much for your amazing support.
Haha - yeah my bad, i was running low on coffee.... glad you got it resolved.