HELP: Huge check mark before website loads

Topic summary

Users report a large black checkmark appearing briefly on their Shopify stores before content loads, primarily affecting sites using the Dawn theme (versions 2.0-15.2.0) and Studio theme.

Root Cause:
The issue stems from improper code placement in the cart-notification.liquid file. The style tag loads after the HTML element renders, causing the unstyled checkmark icon to display momentarily.

Primary Solution (Most Effective):

  • Navigate to Themes > Edit Code > Snippets > cart-notification.liquid
  • Locate the <style> tag within the file
  • Move it to appear directly above the <cart-notification> element (instead of after the liquid block)
  • This ensures styles load before the element renders

Alternative Workaround:

  • Search for icon-checkmark.liquid in theme code
  • Comment out the entire file using HTML comment tags (<!-- and -->)
  • Note: This disables the icon entirely but may affect dependencies

Status:
Multiple users confirmed the code relocation fix works successfully. The issue persists across Dawn theme versions as of 2025, with no official Shopify resolution announced. The problem appears related to a structural flaw in the theme’s default code rather than user modifications.

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

I have been experiencing this too. I thought it was just an error but now 2 of my stores have that big check mark. I even tried to open it on different browsers and devices. Still the same.

2 Likes