[Resolved] Hide menu and/or footer in blog but not in the woocommerce shop

[David]

Hello, I have both blog and woocommerce under the Generatepress theme and want to hide primary menu and/or footer in the blog but not on the shop page. I used:

.blog .main-navigation,
.archive .main-navigation {
display: none;
}

.blog .footer-widgets,
.archive .footer-widgets {
display: none;
}

The thing is that Woocommerce is probably blog based and that causes the CSS code to hide Menu and Footer both in the blog and the shop. Is there a way to hide menu and footer in blog only but not in the shop at the same time?

[Leo]

Hi there,

Try this:

.blog .main-navigation,
.archive:not(.post-type-archive-product) .main-navigation {
    display: none;
}
.blog .footer-widgets,
.archive:not(.post-type-archive-product) .footer-widgets {
    display: none;
}

[David]

Works like a charm, thank you.

[Leo]

No problem 🙂

[David]

Hello, it shows the following when I enter the code:

ParseError thrown
syntax error, unexpected ‘.’, expecting end of file

I use “Code Snippets” plugin, so far it had worked.

[David]

Hi there, that code Leo provided is CSS:

https://docs.generatepress.com/article/adding-css/

Code snippets is only for PHP 🙂

[David]

Hides in the blog now, but in the woocommerce shop storefront too. The menu shows in the Cart and other parts of the shop except the storefront page.

[David]

Hi there,

sorry didn’t realise how old the topic was, you may want to use the new Elements module to disable elements:

https://docs.generatepress.com/article/layout-element-overview/

The shop will be the Product Archives display rule

[David]

Great!!!

[David]

Yes it is 🙂 Glad i could help

[Author]

Posts