[Resolved] Disable Mobile Menu and Header on a specific page only

[Harpreet]

Hello. I wish to remove the menu and header on mobile only for one page. Can this be done?

Thanks

[Leo]

Hi Harpreet,

First installed Simple CSS if you haven’t already:
https://docs.generatepress.com/article/adding-css/#simple-css

Then add this CSS in the Simple CSS meta box at the bottom of the page you want to hide mobile header:

@media (max-width: 768px) {
    .main-navigation.mobile-header-navigation {
        display: none;
    }
}

Let me know if this works 🙂

[Harpreet]

Lovely.

Thanks Leo

[Leo]

You’re welcome 🙂

[Brandon]

May you please have a look at the mobile version of my site. I activated the plugin and added the CSS to my home page, but the primary navigation menu still shows on my iPhone. My site is companeur.com and I only want the primary navigation to be removed from my home page. On my Mac desktop screen, the primary navigation menu is already removed, so that is working properly already, it’s just the iPhone that is not. Thanks in advance.

[Leo]

Hmm I’m not seeing this CSS being added:
https://generatepress.com/forums/topic/disable-mobile-menu-and-header-on-a-specific-page-only/#post-285073

[Tully]

Hi guys,

I tried the CSS but no result, I think because I am using gp hooks and things for different headers on mobile? The page I am wanting to remove header is https://workingsheepdogtraining.com/cart/.

Thanks, Tully

[Leo]

Any chance you can open a new topic for your question?

Thanks!

[Tully]

Have done

[Leo]

Thanks 🙂

[Tully]

Hi guys, got the woocommerce cart page header removed in another topic worked, thanks. But still can’t get the header remove off normal pages on mobile? The above css doesn’t appear to do anything.
I am using gp hooks and css for different headers on mobile to desktop also.

https://workingsheepdogtraining.com/natural-ability-working-sheepdog-instincts-dvd/

Regards,
Tully

[Leo]

I’ve answered you on your own topics.

[Author]

Posts