How to adjust variant selection text width in Prestige theme?

sshah1 · ‎03-03-2023

Hello!

I'm experiencing an issue on the Prestige theme where the text for my variant options exceeds the size of the drop-down box on the product page.

Example:

I'm not sure where to look in the code or theme css to resolve. Any suggestions are much appreciated!

made4Uo · ‎03-03-2023

@sshah1,

Thank you for the information. Please follow the instructions below

1. From your Admin page, go to Online store > Themes > click the three dots > Edit code

2. Find the Asset folder, and open the theme.css file

3. Add the code below at the very end of the file

button.ProductForm__Item {
    width: max-content;
}

4. Make sure to SAVE

If this fixed your issue Likes and Accept as Solution is highly appreciated.☕ Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

View solution in original post

made4Uo · ‎03-03-2023

Hi @sshah1

Please provide your website so we can provide a code specific for you

If this fixed your issue Likes and Accept as Solution is highly appreciated.☕ Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

sshah1 · ‎03-03-2023

simongjewelry.com

Thank you!

made4Uo · ‎03-03-2023

@sshah1,

Thank you for the information. Please follow the instructions below

1. From your Admin page, go to Online store > Themes > click the three dots > Edit code

2. Find the Asset folder, and open the theme.css file

3. Add the code below at the very end of the file

button.ProductForm__Item {
    width: max-content;
}

4. Make sure to SAVE

If this fixed your issue Likes and Accept as Solution is highly appreciated.☕ Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

sshah1 · ‎03-03-2023

Awesome, that worked - thank you!

How to adjust variant selection text width in Prestige theme?

How to adjust variant selection text width in Prestige theme?

Community Blog Articles