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

Vegoo
Excursionist
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)
oscprofessional
Shopify Partner
14203 2143 2774

@Vegoo 
Hello,

@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

oscprofessional_0-1661761728628.png

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: pallavi@oscprofessionals.com | 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
PHAVIA
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.

 

Thanks!

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: phaviaecommerce@gmail.com