Thank you Kyle.
I found this code in my header.liquid as per your suggestions. How do I remove “small–hide”. what code should replace if I have to remove “small-hide”
Topic summary
Mobile cart item count not showing while desktop works. Root cause in one theme was a responsive CSS class that hides elements on small screens.
-
Key fix: In header.liquid, remove the class “small–hide” from the that wraps {{ cart.item_count }}. No replacement code is needed. The original poster confirmed this resolves the issue on mobile.
-
Variations: Other users report similar symptoms but don’t have “small–hide” around the cart count. One shared mobile markup using a cart-link__bubble that toggles visibility based on cart.item_count, which may not display a numeric count by design. A screenshot and code snippet were provided.
-
Next steps: The helper requested store URLs to inspect theme differences. Two users shared their Shopify preview URLs and are awaiting guidance. No confirmed solution yet for those alternate code structures.
Status: Resolved for the initial case; ongoing for others with different theme markup where the fix may require adjusting the mobile cart markup rather than removing “small–hide”.