I want to center Quantity box on this product page on mobile and desktop

Store Design
, ,
1

Hi,

I want to center the Quantity Box on mobile on this product page : https://www.five-pocket.com/products/hav-a-hank-paisley-bandana-red

Thanks

2

Hey @imazele

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT

Moeed_0-1747233816174.png
Moeed_0-1747233816174.png727×561 17.7 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi @imazele

Let try to add this custom CSS to your theme settings:

.price-per-item__container .quantity{
  justify-self: center;
}

you will see the result as you want:

BiDealDiscount_0-1747235750486.png
BiDealDiscount_0-1747235750486.png1305×928 146 KB