Hide Compare Bar on Pages

FAQ Viewed: 848

If you want to hide the compare bar on certain pages you can use the following custom CSS. Replace the ID with the ID of your page:

body.page-id-2 #woocommerce-compare-bar {
	display: none;
}

To hide the compare bar on all pages use this CSS:

body.page #woocommerce-compare-bar {
	display: none;
}

2 thoughts on “Hide Compare Bar on Pages

  1. Jason Harle says:

    It would be really awesome if there was an option to conditionally hide the compare bar, and only display IF there are products added to compare. Is this in the roadmap by chance?

Leave a Reply

Your email address will not be published. Required fields are marked *