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

ni3 · ‎10-19-2024

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

Shadab_dev · ‎10-20-2024

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

}
.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 here or WhatsApp me with this link 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

Shadab_dev · ‎10-19-2024

Please Share your store url.

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

ni3 · ‎10-20-2024

diilara.com

Shadab_dev · ‎10-20-2024

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

}
.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 here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.