You can try to use this CSS code to change your footer like this
.tt-footer-col .row { flex-direction: row-reverse; }
Topic summary
Goal: remove the quantity selector across all products (single-item sales) and also hide it in the cart.
Key guidance and steps:
- First checks: On Online Store 2.0 themes, verify if the main product section has a Quantity block/setting you can disable.
- Product page: Custom code was added in theme.liquid. Placing it before worked but caused a brief flash where the quantity input appears then disappears. Moving the CSS into the (theme.liquid, above ) prevents this flicker.
- Cart page: Additional CSS was suggested (theme-specific selector like .pagecart .detach-quantity-desctope { display: none !important; }). Add it in Online store > Themes > Edit code > Assets > theme.css (or theme.css.liquid) at the bottom. Alternatively, some guidance suggested adding CSS in theme.liquid after .
- Note: Selectors may be theme-dependent; exact snippets/images were shared, but some code blocks in the thread are not fully visible here.
Outcomes:
- User confirmed the quantity selector removal works on product and cart pages after adjusting code placement.
- Secondary issue: footer spacing/misalignment fixed with custom CSS; code placed in theme.liquid; marked as solved.
Status: Primary issue resolved; ongoing minor follow-ups and a separate thread opened for another topic.
