Weird thing appearing on "Add to Cart" button when clicked

Store Design

Topic summary

A store owner noticed an unwanted circular ring appearing on their “Add to Cart” button when clicked. They provided a screenshot showing the issue on their Shopify store.

Proposed Solution:
One user suggested hiding the loading spinner by:

  • Accessing the theme code editor in Shopify Admin
  • Adding CSS code to hide the .quick-add__submit .loading__spinner element
  • Using display: none !important; to suppress the visual element

Current Status:
Another user requested the store password to investigate further, as the site is password-protected. The issue remains unresolved pending additional troubleshooting or confirmation that the CSS fix works.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Hello guys, I noticed there is something weird (circle ring) appearing on my “Add to Cart” button every time I clicked them. No idea on how to remove it. See screenshot below.

My Store URL : https://www.brinnova.com/

remz1234_0-1749616331007.png
remz1234_0-1749616331007.png1920×1080 328 KB

2

Hi Remz,

  • Login to Shopify Admin → Go to Online Store > Themes.

  • Click “Actions” (⋯) next to your current theme → Edit code.

  • In the left sidebar, open:

    • assets/base.css, or

    • assets/theme.css, or

    • assets/styles.css (whichever exists).

  • Scroll to the bottom and add the following CSS:

.quick-add__submit .loading__spinner { 
    display: none !important;  
}
  • Click Save.
3

Hello @remz1234

Your store is password protected can you please share password?