Center Element on Product Page

Solved
Claud123
Explorer
46 0 10

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

Accepted Solution (1)

Accepted Solutions
diego_ezfy
Shopify Partner
2628 485 648

This is an accepted solution.

@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

View solution in original post

Replies 3 (3)
diego_ezfy
Shopify Partner
2628 485 648

This is an accepted solution.

@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

AvadaCommerce
Shopify Partner
3033 696 566

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.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

dmwwebartisan
Shopify Partner
10710 2337 3311

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →