Shopify themes, liquid, logos, and UX
Hi!
I am trying to make all of these variant dropdowns as wide as the entire module, rather than staggered in size as they currently are, which I feel looks messy. Have a look below at what it's looking like now - all of the variants are different widths and staggered.
I am using the Broadcast theme.
Solved! Go to the solution
This is an accepted solution.
@unadiamond , Go to theme.css file and add the following code at the end of it :
.bold_option_set select {
width: 100% !important;
}
Result:
Thank you, here is an example of a product page with this issue: https://www.unadiamond.com/products/asscher-diamond-ring
I'd love for all of my products to have the fix applied.
This is an accepted solution.
@unadiamond , Go to theme.css file and add the following code at the end of it :
.bold_option_set select {
width: 100% !important;
}
Result:
@unadiamond Hey, thanks for posting here.
can you please share the link to inspect it, thanks.
Hello @unadiamond
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025