Archived topic

Remove header on some mobile pages

9 replies · Started by Tully on July 26, 2018

Viewing posts 1–10 of 10

July 26, 2018 at 5:19 pm #633620

Hi guys,

I would like to remove the header on mobile for some pages only (such as shopping cart, checkout, etc). I have tried the following css you suggested on another topic:

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

but no result, I think because I am using gp hooks and things for different headers on mobile?

Thanks, Tully

July 26, 2018 at 8:24 pm #633678

Hi there,

Any chance you can link us to the page in question?

You can edit the original topic and use the private URL field.

Thanks!

July 26, 2018 at 8:29 pm #633680

Just edited sorry. Did put that in before but I had forgotten to put a topic subject in when I pressed submit, and when I added that it had removed all the url etc.

July 26, 2018 at 8:32 pm #633681

Try this:

@media (max-width: 768px) {
    .woocommerce-cart .site-header, .main-navigation {
        display: none;
    }
}

July 26, 2018 at 8:41 pm #633684

Great thanks Leo. If I want to remove the menu also?

July 27, 2018 at 8:41 am #634105

Just the menu toggle or the entire green navigation bar?

August 16, 2018 at 7:29 pm #651308

The entire nav bar thanks.

August 16, 2018 at 7:32 pm #651314

Edited the CSS above:
https://generatepress.com/forums/topic/remove-header-on-some-mobile-pages/#post-633681

August 16, 2018 at 8:18 pm #651338

Thanks Leo

August 16, 2018 at 8:29 pm #651343

No problem :)

This archived topic is closed to new replies.

Start building better websites today.