Adjusting "Add to Cart" Button for mobile and tablet devices

60 0 9

Hi guys! I hope you have an amazing day, i need help to adjust "add to cart" buttons for different divices. If someone can help me i will be really thankful. DM me 

Screenshot 2022-08-28 at 13.33.30.png


Screenshot 2022-08-28 at 13.32.46.png


Replies 3 (3)
Shopify Partner
14203 2143 2774


@media only screen and (max-width: 767px){
.product-form__quantity .quantity {
	float: none;
	margin: 10px auto !important;

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid


Like This Mobile View



If helpful then Please Like and Accept Solution. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
Shopify Partner
387 54 63

Hi @Vegoo ,

I think that issue from your style css. So if you want check can let me know the url of store, i will access to site and check then provide the suggestion for you.



You can please Like and Accepted Solution if my suggestion helpful. And if you want to do feature development or customize the store => Let Hire Us. And will have a small fee for us when finished work.
- Contact Support : Slack Channel | Email: