Move size guide above variants

Store Design
, , , , , , , , ,

Topic summary

A user needed to reposition their size guide on a Shopify product page to appear above the product variants instead of below them.

Solution provided:

  • Add CSS to the theme.css file
  • Use absolute positioning to move the size guide link to the top-right of the variant section
  • The CSS targets .js-enabled.product__option and positions the size guide popup element absolutely

Outcome:
The issue was resolved successfully. The user confirmed the solution worked as intended.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I got the size guide to move to the right but want it above the variants. My site is https://vazluxe.com/collections/chloe-1/products/chloe-kick-sneakers

4A4CC864-2419-4E8D-82F4-125DAB0E2190.jpeg
4A4CC864-2419-4E8D-82F4-125DAB0E2190.jpeg1170×2532 163 KB

2

hi @Luxurymrkt

please consider updating the theme.css with CSS.

theme.css

.js-enabled.product__option {
    position: relative;
}

.js-enabled.product__option a.product__information-popup.product__block.product__block--medium.fs-body-75 {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

output:

Dotsquares_0-1742819997791.png
Dotsquares_0-1742819997791.png423×731 36.2 KB

1 Like
3

THANKS SO MUCH .