Size Chart scaling off of the size chart button

Highlighted
New Member
2 0 0

Hey there folks,

 

I've implemented a size chart button to my product pages. When clicking the button, the size chart opens, although it takes up the whole screen. That is most likely because pictures that the button is referring to (off of the subsites) are in width and height set to 100% (in percent because I want to have it mobile responsive). In mobile it looks perfect, but on desktop or tablet its way too much. But when I change the image to, say, 50% it looks okayish on desktop, but way too small on mobile. But regardless of image size, the table width always takes up the whole width of the screen, regardless whether or not I change the table width to 50%. If it would have any effect it would then look too small on mobile again.

The subsite on my website of the size-chart (which the the button is taking the info from) has perfect size. It is NOT taking up the whole width off the screen. It is limited to the edges of the navigation. On mobile it still looks perfect.

If that size ratio would be kept on desktop after clicking the size chart button, that would be perfect and what I require.

 

I'd be grateful for any help.

Thanks!

 

PS: Below some pictures for a better visualization.

 

ist-zustand_so soll es nicht aussehen, beim grössenbutton bei den produkten.pngAfter clicking the size chart button on product pages

soll-zustand_diese größe sollte es auch beim grösseninformationsbutton haben bei produkten.pngThe sub page for size charts

0 Likes

Hello ,

Please hsare your site url so that I will check and give you exact solution

 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes