make quantity selector and add to cart in same row on mobile dawn theme

Solved

make quantity selector and add to cart in same row on mobile dawn theme

ni3
Excursionist
61 0 1

hi!

 

how can i make the quantity selector and add to cart button in the same row for mobile on the product page? on desktop it is in the same row but on mobile it is not. I'm using dawn theme.

 

diilara.com

Accepted Solution (1)
Shadab_dev
Shopify Partner
669 40 71

This is an accepted solution.

Try this out. Open your main-product.liquid file from your theme code editor and paste this at the top of everything else.

<style>
@media(max-width:749px){
.product-form__quantity{
float:left;
width: 25%;

}
.product-form{
float: right;
width: 65% !important;
margin-top: 2rem !important;
}

.product__description{
clear: both
}
}
</style>

Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.

View solution in original post

Replies 3 (3)

Shadab_dev
Shopify Partner
669 40 71

Please Share your store url.

Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
ni3
Excursionist
61 0 1

diilara.com

Shadab_dev
Shopify Partner
669 40 71

This is an accepted solution.

Try this out. Open your main-product.liquid file from your theme code editor and paste this at the top of everything else.

<style>
@media(max-width:749px){
.product-form__quantity{
float:left;
width: 25%;

}
.product-form{
float: right;
width: 65% !important;
margin-top: 2rem !important;
}

.product__description{
clear: both
}
}
</style>

Buy me Coffee, if you feel i was helpful. Email Me or WhatsApp me for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.