How to remove header and footer for product pages

  • Resolved tkster95

    (@tkster95)


    2 years, 9 months ago

    Hi, I’m looking for a way to hide the header and footer form product pages in woocommerce.

    I’m also looking for a way to hide the header and footer from a single product page. Say for example I have a product (product ID: 11090) how can I remove the header / footer from just that product?

    For regular pages it’s easy to hide the header/footer (in pages section of wp dashboard, choose “quick edit” and change the template to “Page no header/footer”) but can’t figure out how to do it for products.

    I’ve been trying different sorts of css I’ve found online, but I haven’t found the correct css yet.

    Any help would be greatly appreciated! Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @tkster95

    Please try the following custom CSS code:

    .postid-11 #page footer , .postid-11 #page header {display:none}

    Replace postid-11 with the desired product ID

    Note that the process of changing elements via CSS differs from site to site. If the code above doesn’t work, please provide a link to your site, and we might be able to assist further.

    Best

    Thread Starter tkster95

    (@tkster95)

    Awesome, thanks for the help!

    Hello @tkster95!

    Awesome, thanks for the help!

    We are very happy to be of your assistance!

    I’ll mark this thread as resolved now. If you have any further questions, I recommend creating a new thread.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to remove header and footer for product pages’ is closed to new replies.