size chart to big in pc screen

[Roeiam]

hi i am trying to set up size chart for all products in a way that it take from the product metafiled a filed called sizechart that has a photos of every size chart product
i succes to do this but with few major problems:
1)in pc screen the photo is cut to half and i cant see the all size chart
2)if i click the button sizechart it open i exit and then click again it not working and cant click in addtional to that also cant click on the menu of the site and all is stock
3)when i click to exit the pop up of size chart it do me a roll up to the top of the page and i want it to stay where he was

this is the code i am using:

{% if product.metafields.custom.sizechart.value != blank %}


טבלת מידות

{% endif %}

.sizeguide-button { border: 2px solid #115575; /* מסגרת בצבע כחול */ padding: 5px 10px; /* ריווח פנימי לכפתור */ color: #3d8cab; /* צבע הטקסט */ font-weight: bold; /* משקל הטקסט */ display: inline-block; /* יישור הכפתור */ border-radius: 8px; /* פינות מעוגלות */ background-color: #fff; /* צבע רקע לבן */ cursor: pointer; }

this is my url for site:
https://flexmoreil.com/products/פלקסמור-נורד-נעלי-יחפנים-אורטופדיות-לחורף

pls help fix it

[KetanKumar]

@Roeiam can you please update size code whenever you have add sizechart css

#sizepopup .popup {max-width: 360px;}

[Easify-Jolie]

Hi @Roeiam

You can consider using Easify Product Options as a no-code solution for managing size charts and product options. While you’re looking for a technical solution, this app may help simplify the process and resolve some of the issues you’re facing without the need for coding.

• This is the result:

• This is the app setting; you can use the Modal to create a popup size chart as needed.

I hope you give it a try! If you run into any issues setting it up, please let me know or reach out to Easify team