Toggling between variants makes product page content go upwards

Technical Q&A

Topic summary

  • Issue: Toggling between product variants caused the product page content to shift slightly upward on each change.

  • Context: Occurred after adding custom color swatches; reverting to the default pill variants did not resolve it. Theme: Dawn 5.0. A product page link was provided for reference.

  • Update: The original poster later reported resolving the problem by setting the sticky container to top: 0 (a CSS positioning adjustment).

  • Outcome: Issue resolved; no further questions or actions requested. Cause beyond the sticky container adjustment was not detailed.

Summarized with AI on February 14. AI used: gpt-5.
1

EDIT: Nevermind, I managed to fix it by setting the sticky container to top: 0.

Hello,

I added a custom code for color swatches, but now whenever I toggle between variants, the page content goes slightly upwards each time.

I’ve tried reverting it back to the original pill variants, but the issue still remains.

Link to the site: https://bohocuddle.com/products/test

Currently using Dawn theme (5.0).

Does anyone happen to know what’s causing this? Thanks!