Have your say in Community Polls: What was/is your greatest motivation to start your own business?

DAWN theme 13.01: trying to shorten dropdown variant picker swatch

Solved

DAWN theme 13.01: trying to shorten dropdown variant picker swatch

ISAKO
Excursionist
18 0 4

Hello guys! I'm having trouble adjusting the width of the dropdown variant picker swatch in the Shopify Dawn theme. I've tried modifying the CSS properties, but haven't found the solution (I'm terrible at coding). It would be amazing if someone could help. I even tried with AI chat and didn't succeed.
Here are some screenshots:
467464.PNG575.PNG

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
2139 616 512

This is an accepted solution.

Hey @ISAKO,

 

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>
.select {
    max-width: 100% !important;
}
</style>

 

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

ThePrimeWeb_0-1713202764555.jpeg

 

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!

View solution in original post

Replies 8 (8)

ThePrimeWeb
Shopify Partner
2139 616 512

Hey @ISAKO,

 

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!
ISAKO
Excursionist
18 0 4

removed link

ThePrimeWeb
Shopify Partner
2139 616 512

This is an accepted solution.

Hey @ISAKO,

 

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>
.select {
    max-width: 100% !important;
}
</style>

 

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

ThePrimeWeb_0-1713202764555.jpeg

 

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!
ISAKO
Excursionist
18 0 4

sent to you my friend!

ThePrimeWeb
Shopify Partner
2139 616 512

Replied to you with the answer on top!

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!
ISAKO
Excursionist
18 0 4

thank you very much my friend!
it worked
appreciate it🖤

ISAKO
Excursionist
18 0 4

enjoy your coffee my friend!

ThePrimeWeb
Shopify Partner
2139 616 512

😊

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!