Alignment issue on desktop: the product variant selector and buttons should match the width of the dropdown menus below. Mobile view is already aligned. Store uses Shopify’s Dawn theme; a site URL and screenshots were provided. Variant selector = option dropdown for product variants.
Initial fix: a custom code snippet added in theme.liquid above the tag aligned elements, but it only affected one product.
Follow-up request: apply the fix across all products.
Latest guidance: add a code snippet to theme.liquid above the tag (via Online Store > Themes > Edit code) to make the alignment apply globally.
Notes: Screenshots and code snippets are central to the solution, but the exact code content isn’t shown in the posts. No confirmation yet that the second approach solved the issue for all products.
Status: Ongoing; awaiting verification that the global fix works across the catalog.
Hi, I would like to align the width of my product variant selector and the buttons to the width of the dropdown menus below, as shown in the screenshot below. I should add that they are aligned on the smartphone view, just not on the desktop view of the website. I’m currently using the dawn theme. Here is my website URL: https://www.spicysneakers.pl/
I appreciate the help!
Hey @Dat999
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi, it did do the job, but unfortunately only with one product. Is it possible to implement it with all the products?
Hi @Dat999
This is Noah from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Noah | PageFly
