Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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
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
It works on mobile devices, but not on Dektop. Could you help me out? Thank you!
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. 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!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025