Solved

DAWN theme 13.01: trying to shorten dropdown variant picker swatch

ISAKO
New Member
6 0 0

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
2135 611 477

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 9 (9)

ThePrimeWeb
Shopify Partner
2135 611 477

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
New Member
6 0 0

removed link

ThePrimeWeb
Shopify Partner
2135 611 477

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
New Member
6 0 0

sent to you my friend!

ThePrimeWeb
Shopify Partner
2135 611 477

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
New Member
6 0 0

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

ISAKO
New Member
6 0 0

enjoy your coffee my friend!

ThePrimeWeb
Shopify Partner
2135 611 477

😊

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!

kaiyaa
Excursionist
196 14 20

Hello @ISAKO 
Can you please share your store link

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me