How to remove free shipping bar from cart view

Topic summary

A user wants to remove the green free shipping progress bar from their Shopify cart, as the shipping notification isn’t needed for their store.

Initial Problem:

  • Green bar appears in both the main cart view and cart dropdown
  • User spent hours attempting to fix without success
  • Believes it’s a coding issue

Solutions Provided:

Two community members offered CSS code solutions:

  • Add custom CSS to theme.liquid file above the </head> tag
  • Target specific elements: #vid_threshold_bar_popup and .cart__layout_right
  • Code uses display: none to hide the shipping bar

Current Status:

  • Main cart page green bar successfully removed
  • Cart dropdown green bar also resolved
  • Remaining issue: Text “Free shipping for any orders above $0.00” still appears in the cart itself
  • User provided updated preview link and awaiting further assistance to remove this text element

The discussion involves editing Shopify theme files and requires access to the store’s code editor.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.

https://i6uffibtbrfltaf2-76090736926.shopifypreview.com