Center Variant Picker And Quantity Selector On Mobile View Prestige Theme

Center Variant Picker And Quantity Selector On Mobile View Prestige Theme

Mcfly69290
Tourist
13 0 1

Hello,

 

I'd like to center variant picker and quantity selector (without center the description) on mobile view please.

 

Have a nice day.

 

Capture d’écran 2024-03-17 à 23.44.47.png

Replies 6 (6)

ThePrimeWeb
Shopify Partner
2139 616 506

Hey @Mcfly69290,

 

Can you share the link to your store please? Thanks!

Was I helpful?

Buy me a coffee

🙂

Need help with your store? [email protected] or check out the website
Check out our interview with Shopify!
ThePrimeWeb
Shopify Partner
2139 616 506

Hey @Mcfly69290,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
@media only screen and (max-width: 989px) {
    fieldset.variant-picker__option {
        justify-items: center !important;
    }
    
    .product-info__block-item[data-block-type="quantity-selector"] {
        text-align: center !important;
    }    
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1710761773484.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? [email protected] or check out the website
Check out our interview with Shopify!
Mcfly69290
Tourist
13 0 1

It worked, thank you !

niraj_patel
Shopify Partner
2378 514 506

Hello @Mcfly69290 
Can you share store URL?

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- [email protected]