How can I relocate and resize the Size Guide on my website?

Refresh Theme

https://huggercomfort.com/products/hot-hugger-wearable-hot-water-bottle?variant=43720269103360

Please may I have help Moving the Size Guide to the marked location on the photo. Maybe also make the text a bit smaller so fits in.

Thanks Finn

Hi @Finn4

It could be, but you must customize the code in the main-product.liquid file to move the size guide

Hello @Finn4

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

.PwzrGrid-root.PwzrGrid-container.PwzrGrid-item { position: relative !important; } .product-popup-modal__opener { position: absolute !important; top: 32% !important; right: 57% !important; } .product-popup-modal__button { font-size: 15.6px !important; }

Hi! this doesn’t work :confused: please can I get some more code

can you give me the code please

You must move the code you added to display the Size guide to where you want it to appear in the product.liquid file yourself because I don’t know exactly code fo your theme