I’m looking to remove the (1 in cart) text from the quantity button when something is placed in the cart for mobile and desktop
password samurai
Topic summary
A user wants to hide the “(1 in cart)” text that appears on quantity buttons when items are added to cart, affecting both mobile and desktop views.
Solution Provided:
Multiple respondents offered the same CSS-based fix:
- Navigate to: Online Store > Themes > Edit Code
- Locate the CSS file (typically base.css, theme.css, style.css, or custom.css)
- Add the following code at the end of the file:
.quantity__rules-cart {
display: none !important;
}
Status: The issue appears resolved with a straightforward CSS solution. One respondent included a screenshot demonstrating the successful result after applying the code.
- From your Shopify admin, go to Online Store > Themes
- Find your current theme and click “Actions” > “Edit code”
- In the theme editor, look for your custom CSS file (usually custom.css, base.css, theme.css or similar)
- Add this simple CSS code:
.quantity__rules-cart {
display: none !important;
}
This will hide the “(1 in cart)” text from the quantity button on both mobile and desktop views.
1 Like
Hi @undercoverfresh ,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
.quantity__rules-cart {
display: none !important;
}
1 Like
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
span.quantity__rules-cart {
display: none !important;
}
Result
Best,
Liz
1 Like