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; }
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?
Hey Jason,
currently not, but you can contact our customization service at su*****@we******.io