Center Variant Picker And Quantity Selector On Mobile View Prestige Theme

Mcfly69290 · ‎03-17-2024

Hello,

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

Have a nice day.

ThePrimeWeb · ‎03-17-2024

Hey @Mcfly69290,

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

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

Mcfly69290 · ‎03-18-2024

Hello yes of course : https://www.futur-casa.com/products/brosse-rotative-nettoyage-salle-de-bain?_pos=1&_sid=338730a7a&_s...

ThePrimeWeb · ‎03-18-2024

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.

Was I helpful?

☕Buy me a coffee☕

❤ 🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

Mcfly69290 · ‎03-18-2024

It worked, thank you !

niraj_patel · ‎03-18-2024

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- info@techlyser.com

Mcfly69290 · ‎03-18-2024

Hello yes of course : https://www.futur-casa.com/products/brosse-rotative-nettoyage-salle-de-bain?_pos=1&_sid=338730a7a&_s...

Center Variant Picker And Quantity Selector On Mobile View Prestige Theme