variant picker error on product page

Store Design
,

Topic summary

A user customized CSS in the Dawn theme to display product variants in a single row instead of the default stacked layout. While the visual arrangement works as intended, clicking on variant options causes the entire row to briefly duplicate, creating a buggy appearance on both desktop and mobile.

Technical Details:

  • The issue occurs when using custom CSS with display: flex and width: 33% properties on the variant-selects element
  • Most noticeable on products with 3 variants (e.g., the Cozy Plush Rabbit Slippers product)
  • Screenshots show the duplication glitch during variant selection

Attempted Solutions:

  • One responder provided alternative CSS using flex: 1 and flex-wrap: wrap properties, but noted this wouldn’t achieve the exact 1-row, 3-box layout due to long content
  • The original poster confirmed the duplication bug persists even with the suggested CSS modifications

Current Status: The issue remains unresolved. The user temporarily disabled the custom CSS but is seeking a fix that maintains the desired layout without the duplication glitch.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
2

I do not understand that, i check ur website its fine. let me know the issue