How to hide shop header from specific pages « Support Forum | Kriesi.at

How to hide shop header from specific pages

4 posts from 3 voices

Tags:

No tags yet.

Yadoz
Member

I wish to hide the shop header (cart, register, account, other links at the top of the page) for specific pages (home/main page, about page, etc).

I found this http://www.kriesi.at/support/topic/how-do-i-hide-top-submenu-cart#post-68757 which works perfectly to hide the shop header for all pages - is there a formula/code snippet/useful link I can use to hide the shop header from specific pages?

Regards,

Pall

Posted 7 months ago #
Dude
Dude
Yes - every page has an unique id/body class. You can use it to hide the menu on certain pages/post only. Eg for the homepage use:
```
.home #shop_header {
   display: none !important;
}
```
For a page (with the id 53 use):
```
.page-id-53 #shop_header {
   display: none !important;
}
```
You can also hide the menu based on the woocommerce page class - eg:
```
.woocommerce #shop_header {
   display: block !important;
}

#shop_header {
   display: none !important;
}
```
will hide the menu on all pages which are not used by/related to WooComerce.
Posted 7 months ago #
Yadoz
Member

Awesome! Thank you Dude!

Posted 7 months ago #
Ismael
Moderator

Hi Yadoz,

Glad that Peter helped you. :)

Cheers,
Ismael

Posted 7 months ago #

You must log in to post.