Why does my cart icon vanish after adding a product?

Topic summary

A store owner reports that their cart icon disappears after adding a product to the cart, only reappearing after a page change or browser refresh.

Proposed Solution:
A PageFly support representative suggests adding CSS code to fix the display issue:

  • Navigate to Online Store → Theme → Edit code
  • Locate the base.css file
  • Add specific CSS code (#cart-icon-bubble:first-of-type { display: block !important; }) at the bottom of the file

Current Status:
The initial solution didn’t work when placed at the bottom of the file. When the user tried placing the code at the top instead, the icon remained visible but created a duplicate icon problem. The issue remains unresolved, with an attached screenshot showing the duplication issue.

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

Hello,

On my store the cart icon disappear after adding product until i change page or refresh the browser. How can i make it not disappear??

store: www.arceyworldwide.com

password: arcey

Best regards,

Leon

Hi @Leonpojen

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

#cart-icon-bubble:first-of-type {

display: block !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

1 Like

Hi, it did not work at bottom, i tried put it on top after which made the icon stay but it shows both icons at same time. @PageFly-Henry