Move product size and quantity on the same line

Site URL: https://www.therestoreshop.com/shoprestoreproduct/p/restore-facial-moisturizer

Does anyone know how I can move the "product size" field and  "product quantity" field on the same line. I included an image for reference?

"product size", you mean 60 ml dropdown?

yes, I want to move the 60ml dropdown along with the quantity dropdown on the same line. 

Hi. I see you solved. Do you still need help?

Do you have any problems on mobile?

Hi @scelce

I'm also interested in moving Product quantity and Color to the same line.

Do you mind sharing the code you used?

Thanks!

On 10/30/2020 at 12:32 AM, bbarinaga said:

Hi @scelce

I'm also interested in moving Product quantity and Color to the same line.

Do you mind sharing the code you used?

Thanks!

 

.ProductItem-details .product-variants {
    order: 2 !important;
    width: 40%;
}
.ProductItem .ProductItem-details .product-quantity-input {
    order: 3 !important;
    width: 30%;
    margin-left: 20px !important;
}

I also want this done. I've tried various codes from the forum including the above but neither of them work on my site https://daisy-chiton-7gh8.squarespace.com/shop/p/a-tale-of-two-sides-h3ffx-z6cxf-wb9bz-ah556-efmhl-alm62-9afym-ybyb9-yprpn-m8awl-zcngc-gccxl-cklwr-ggwk7-pd585-k4kd8-d9l43-gkrkn-z6pzz-g9l5s-hrkpf-555nh-7hf7b-xbxr7-b4shp-m4cf9-kmfma-kkt3f-dkj6k So basically Size takes up 50% of the space, Quantity takes up 50% of the space and then directly underneath you have the Add to Cart button which goes across 100%.

I would need it done for both Desktop and Mobile. For products which don't have Size such as https://daisy-chiton-7gh8.squarespace.com/shop/p/for-cork-sake-dymkx-2685m-mkrkh the quantity can go across the full 100% of the distance on Mobile only. 

Thanks!

On 1/9/2023 at 5:37 PM, niteshifte said:

I also want this done. I've tried various codes from the forum including the above but neither of them work on my site https://daisy-chiton-7gh8.squarespace.com/shop/p/a-tale-of-two-sides-h3ffx-z6cxf-wb9bz-ah556-efmhl-alm62-9afym-ybyb9-yprpn-m8awl-zcngc-gccxl-cklwr-ggwk7-pd585-k4kd8-d9l43-gkrkn-z6pzz-g9l5s-hrkpf-555nh-7hf7b-xbxr7-b4shp-m4cf9-kmfma-kkt3f-dkj6k So basically Size takes up 50% of the space, Quantity takes up 50% of the space and then directly underneath you have the Add to Cart button which goes across 100%.

I would need it done for both Desktop and Mobile. For products which don't have Size such as https://daisy-chiton-7gh8.squarespace.com/shop/p/for-cork-sake-dymkx-2685m-mkrkh the quantity can go across the full 100% of the distance on Mobile only. 

Thanks!

The site url doesn't work. Can you check it again?

Sorry, updated the domain in the meantime. the new address is https://www.peterotoole.ie/shop/p/framed-cork-prints/true-colours-of-shandon-bells

On 1/16/2023 at 5:47 PM, niteshifte said:

Sorry, updated the domain in the meantime. the new address is https://www.peterotoole.ie/shop/p/framed-cork-prints/true-colours-of-shandon-bells

Sorry for delay. Do you still need help?

yeah, please. thanks

On 2/1/2023 at 4:33 PM, niteshifte said:

yeah, please. thanks

Can you share link to a product with size? I tried accessing some products but see Quantity only

https://www.peterotoole.ie/shop/p/framed-cork-prints/true-colours-of-shandon-bells

here you go: https://www.peterotoole.ie/shop/cork/p/cork-prints/fatherly-advice

thanks very much!!

On 2/3/2023 at 4:15 PM, niteshifte said:

here you go: https://www.peterotoole.ie/shop/cork/p/cork-prints/fatherly-advice

thanks very much!!

Add to Design > Custom CSS

@media screen and (min-width:992px) {
.ProductItem-details .product-variants {
    width: 45% !important;
    float: left;
    margin-right: 5%;
}
}

thank you sooooo much!!!!