How to put Size and quantity side by side on the product pages Dawn theme

[Lanascoast]

[AnneLuo]

Hi, @Lanascoast 

Please share the store URL so that I can assist you.

[Lanascoast]

https://b1aad4-16.myshopify.com/?_ab=0&_fd=0&_sc=1

Pass:Mystore2024

[AnneLuo · Accepted solution]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
#variant-selects-template--18078747197688__main{
    float: left;
    width: 46%;
}

.product-form__input--dropdown {
   width: 100% !important;
}

.product-form__input.product-form__quantity{
   float: right;
    width: 50%;
}
.quantity {
  flex: 1;
}

</style>

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[Lanascoast]

Thank you so much!! I really appreciate it 

[Entesta]

Hi @Lanascoast 

You can use CSS flexbox to align these two on the same row. Unless you share your website link unfortunately we cant help with the code.

[Lanascoast]

Here the url and pass

https://b1aad4-16.myshopify.com/?_ab=0&_fd=0&_sc=1

Pass:Mystore2024