How to move size variant

Store Design
, , , , , , ,

Topic summary

A user wants to reposition the size variant display in their Dawn theme cart drawer, moving it next to the price for both mobile and desktop views.

Proposed Solution:

  • Add custom CSS to the theme’s Custom CSS section
  • The code uses absolute positioning to place the variant selector at specific coordinates (left: 70px, top: 41px)
  • Targets td.cart-item__details and dl .product-option elements

Status:
A solution has been provided with CSS code and visual examples showing the before/after result. The discussion appears resolved pending user confirmation that the implementation works as intended.

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

IMG_7916.jpeg
IMG_7916.jpeg1289×2796 44.6 KB

im looking to move the variant sizing next to the amount price in the cart drawer for mobile and desktop on dawn theme

url knmb1c-pf.myshopify.com

password samurai

2

Dear @undercoverfresh ,

Thank you for your question. After reviewing your store, please kindly enter the following code into the Custom CSS section of your theme to adjust the position of the size variant according to your preference:

LizHoang_1-1739711908899.png
LizHoang_1-1739711908899.png916×774 133 KB

td.cart-item__details {
    position: relative;
}
dl .product-option {
    position: absolute;
    left: 70px;
    top: 41px;
}

And you should have the result as below:

LizHoang_4-1739712334569.png
LizHoang_4-1739712334569.png408×774 38.9 KB

I hope you find my answer helpful!

Best regards,
Liz.

1 Like