How can I center the quantity selector on my product page?

hey Guys,

Is there any way to center the quantity selector on the product page?

My domain is ElevationAthleticsYYC.ca and my theme is prestige.

Thanks,

Claudio

1 Like

@Claud123 , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
@media (max-width: 749px){
    .ProductForm__QuantitySelector{
    display: flex;
    align-items: center;
    justify-content: center;
}
}

Kind regards,
Diego

1 Like

Hi @Claud123 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
@media (max-width: 1007px) {
.ProductForm__QuantitySelector {
    display: flex;
    justify-content: center;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like

@Claud123

  1. In your Shopify Admin go-to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
@media (max-width: 749px){
    .ProductForm__QuantitySelector{
    display: flex;
    align-items: center;
    justify-content: center;
}
}

Thanks!

1 Like

It works on mobile devices, but not on Dektop. Could you help me out? Thank you!