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

Store Design
1

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

Screen Shot 2022-04-12 at 7.22.58 PM.png
Screen Shot 2022-04-12 at 7.22.58 PM.png742×1690 97.8 KB

1 Like
2

@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
3

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
4

@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
5

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