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?

    • WeLaunch

      The Real Person!

      Author WeLaunch acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.
      says:

      Hey Jason,

      currently not, but you can contact our customization service at su*****@we******.io

Leave a Reply

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