Site logo

Archived topic

Hide Mobile Header & Menu on Mobile

9 replies · Started by Rizki on March 10, 2019

Viewing posts 1–10 of 10

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 :)

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.

This archived topic is closed to new replies.