Size Chart increase the size

[RivaajEthnic]

hi, 

Can someone please help me to increase size chart size in desktop and mob version. Currently its too small. We are using ella theme.

URl : https://www.rivaajethnic.com/products/aarvi-ajrakh-cotton-green-chudi-sleeves-kali-kurta

Thanks

[DaisyVo]

Hi @RivaajEthnic 

I hope you are well. You can follow our instructions below:1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}

div#halo-size-chart-popup {

max-width: unset !important;

}

{% endstyle %}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team. (edit

[RivaajEthnic]

Thank you very much, it helped

[Dan-From-Ryviu · Accepted solution]

Hi @RivaajEthnic 

Please add this code to Custom CSS in your store admin > Sale channels > Online Store > Themes > Customize > Theme settings so it could solved the issue on desktop 

@media (min-width: 1025px) {
    html .halo-popup.halo-size-chart-popup.customPopup-large {
        max-width: 1400px;
    }
}

Because the mobile screen size is small I recommend you use another image for your size chart; I recommend placing image above or below 'Size Chart (in inches)'

[RivaajEthnic]

hi Dan,

Thank you very much! on mobile version are you suggesting that i create another image? or in same image? can you please guide for mobile size chart please