How to hide the floating Caddy icon

There are two ways to hide Caddy’s floating cart bubble, depending on what you’re after.

Hide Caddy on specific pages (Pro)

Caddy Pro has a built-in option for this: go to Caddy > Settings > Display and use Hide Caddy On These Pages to select the pages where the cart shouldn’t appear. The same section also lets you move the bubble with the Bubble positioning option (bottom or top of the window).

Hide the bubble everywhere (free and Pro)

If you want the side cart to stay functional but without the floating bubble — for example because you’re triggering the cart from your header instead — add this under Caddy > Settings > Styles > Custom CSS:

.cc-compass {
	display: none !important;
}

Then give customers another way to open the cart: add the cart widget to your menu, use the [cc_cart_items] shortcode, or open it from your own button with JavaScript. See adding a Caddy cart widget to your header or navigation menu and opening the Caddy cart using JavaScript.