Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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.
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 %}
{% endstyle %}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team. (edit
Thank you very much, it helped
This is an accepted solution.
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.
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
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025