Disable Mobile Menu and Header on a specific page only

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

Lovely.

Thanks Leo

You're welcome :)

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.

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

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

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

Thanks!

Have done

Thanks :)

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

I've answered you on your own topics.