Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #17498

    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 (Purchase code hidden if logged out) -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?




    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.


    Awesome! Thank you Dude!


    Hi Yadoz,

    Glad that Peter helped you. :)



Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to hide shop header from specific pages’ is closed to new replies.