How To Move Size Chart?

Store Design
, , , , ,

Topic summary

A user seeks help repositioning a size chart element on their Shopify store’s product page.

Proposed Solution:

  • Add custom CSS code to the theme.liquid file (before the </body> tag)
  • The CSS targets .best-fit-size-chart and .product-form classes
  • Includes media query for screens wider than 989px
  • Adjusts positioning (absolute/relative), width, margins, and spacing

Current Status:

  • The helper provided CSS code twice with slight modifications
  • Helper claims the solution works and shared a screenshot as proof
  • Original poster insists the code still doesn’t work on their theme
  • Discussion remains unresolved with conflicting reports about whether the fix is effective

Note: Much of the conversation text appears corrupted or reversed, making some technical details difficult to verify. The core issue involves CSS customization for theme layout adjustments.

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

How To Move Size Chart From One Place To Another??

URL : https://plugmydrip.com/

IMG_20240601_190105.jpg
IMG_20240601_190105.jpg1080×1936 103 KB

2

Hello @Emiway

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 989px){ .best-fit-size-chart{ width: 100%; max-width: 50% !important; margin: 0 auto; position: absolute; left: 17rem; top: 7px; } .product-form { position: relative; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

3

Brother Your Codes Are Not Working On My Theme

Theme.liquid codes

4

try this

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 989px){ .best-fit-size-chart{ width: 100%; max-width: 50% !important; margin: 0 auto; position: absolute; left: 17rem; top: 7px; } .product-form { position: relative; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

5

Still Not Working Bro :pensive_face:

6

see it worked

techlyser_web_0-1717251541456.png
techlyser_web_0-1717251541456.png454×424 14.8 KB

7

I Swear Bro Not Working On Me