- This topic has 12 replies, 3 voices, and was last updated 6 years, 8 months ago by
.
-
Posts
-
Hi,
I would like to have completelty distraction free Woocommerce pages on my website:Hide the header and (sticky) menubar on the product, cart and payment pages.
Would be great if somebody could help me with the correct css for this.
My website is: leden.hondenfotograferen.nlThanks, kind regards Saskia
Customer Support
Hi there,
Give this a shot:
.woocommerce-page .site-header, .woocommerce-page .main-navigation { display: none !important; }Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know.
thanks, but header and menubar are still visible
any other suggestions?
thanks kind regards SaskiaCan you link me to a WooCommerce page?
Actually I edited the code above: https://generatepress.com/forums/topic/hide-header-and-menu-on-woocommerce-pages/#post-361634
Can you give it another shot and link me to a page where it’s not working? Thanks!
The header is gone now, great!
The menu bar is still there, these are the links
thanks!!https://leden.hondenfotograferen.nl/winkelmand/
https://leden.hondenfotograferen.nl/winkelmand/
https://leden.hondenfotograferen.nl/winkelmand/I thought you only wanted sticky navigation removed?
I’ve edited the code above so main navigation and sticky navigation are both removed.
Yesss perfect!
thanks and sorry for the confusion!
😀
me happy
kind regards SaskiaGlad I could help!
Hey,
I would like to remove the header on the woocommerce Cart and Checkout.
I have tried to add this code, but it seems to remove the header on the my account page. Is there a more specific version that would work only on the cart and checkout?
Best,
Peter
Hi there,
You can use the Layout Element to do this now:
https://docs.generatepress.com/article/layout-element-overview/Let me know if this helps 🙂
Excellent! Thank you
No problem 🙂
- You must be logged in to reply to this topic.
