Shopify themes, liquid, logos, and UX
Hi
The quantity button must be smaller to fit the thrashcan icon aligned beside it. I want the thrashcan icon on the right side of the button. Can that be fixed somehow? Thank you all again. 😎
See attached image:
Solved! Go to the solution
This is an accepted solution.
@Dekanten, Hi again 😀
Step 1. Go to Admin -> Online store -> Theme > Edit code
Step 2. Find the file theme.liquid
Step 3: Add this code before </body>
<style>
@media only screen and (max-width: 749px) {
.quantity {
width: 70% !important;
}
}
</style>
Result:
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
This is an accepted solution.
Hi @Dekanten Please add the below code:
<style>
@media only screen and (max-width: 749px) { .quantity{
width: 50% !important;
}
</style>
Please follow the steps:
Result:
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Best Regards
Sahil
- Your
This is an accepted solution.
Hello @Dekanten
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media only screen and (max-width: 749px) {
.cart__items .quantity {
width: 63% !important;
}
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
This is an accepted solution.
@Dekanten, Hi again 😀
Step 1. Go to Admin -> Online store -> Theme > Edit code
Step 2. Find the file theme.liquid
Step 3: Add this code before </body>
<style>
@media only screen and (max-width: 749px) {
.quantity {
width: 70% !important;
}
}
</style>
Result:
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Hello my dear friend and glad to see this works like a charm again, many big huge thanks for the fix for me. Always a pleasure to get your help guys, really glad it worked well too. THANKS AGAIN 😀
This is an accepted solution.
Hi @Dekanten Please add the below code:
<style>
@media only screen and (max-width: 749px) { .quantity{
width: 50% !important;
}
</style>
Please follow the steps:
Result:
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
Best Regards
Sahil
- Your
This is an accepted solution.
Hello @Dekanten
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media only screen and (max-width: 749px) {
.cart__items .quantity {
width: 63% !important;
}
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Hi and thank you so much for your support and i got three solutions at once so i will for sure accept your solutions and give a like to all of them. Huge thanks gentlemen. 😀
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024