Size Chart increase the size

Solved

Size Chart increase the size

RivaajEthnic
Excursionist
50 1 6

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

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
11028 2160 2306

This is an 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)'

- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 4 (4)

DaisyVo
Shopify Partner
3796 412 499

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 %}

DaisyVo_0-1738569146220.png

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team. (edit

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
RivaajEthnic
Excursionist
50 1 6

Thank you very much, it helped

Dan-From-Ryviu
Shopify Partner
11028 2160 2306

This is an 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)'

- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

RivaajEthnic
Excursionist
50 1 6

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