[Resolved] Hide Mobile Header & Menu on Mobile

[Rizki Alief Irfany]

Hi there,

How to disable header & menu on specific page on mobile ? I want just a content displayed without header on this page.

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

it requires some CSS eg.

.postid-xx #mobile-header {
    display: none;
}

Just change the xx for that specific pages ID

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

[Rizki Alief Irfany]

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 ?

[David]

Hi there,

ok so if its a post the CSS selector would be:

.postid-xx #mobile-header

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

[Rizki Alief Irfany]

Hi David,

The header still exist 🙂

[David]

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.

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

[Rizki Alief Irfany]

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.

[David]

Right so it is a page lol – try this:

.page-id-871 #mobile-header {
    display: none !important;
}

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

[Rizki Alief Irfany]

Yeah it works 🙂 I already said that it was a page 😀 But thank you so much for your amazing support.

[David]

Haha – yeah my bad, i was running low on coffee…. glad you got it resolved.

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

[Author]

Posts