Hide header and menu on WooCommerce-Product pages?!

[cgmel]

Hi,

I want to hide the header and menus on my product pages, so that only the product informations are visible.
I did try with custom CSS in Global CSS, with no luck:

.woocommerce nav.main_menu {
display: none!important;
}

Attached is an image of what I´m trying to achieve.
Thanks a lot in advance

[christian]

Hey @cgmel,

The Header selector in our theme is masthead and WooCommerce’s single product body class is single-product. With that said, the code you need is this:

.single-product .masthead {
  display: none;
}

Hope that helps.

[cgmel]

@christian_y

.single-product .masthead {
display: none;
}

Works like a charm! Thanks a lot for your help

[christopher]

Glad that we could be of a help