They are currently out of alignment, please help it is urgent
Topic summary
A user reports urgent alignment issues with AVADA size charts on mobile devices for their Shopify store (byanymeans.net.au).
Proposed Solutions:
Two support teams offered different approaches:
-
GemPages suggested editing the theme.liquid file by adding custom code before the closing
</body>tag, with a Loom video demonstration provided -
ZenoPageBuilder recommended making the size chart horizontally scrollable on mobile by:
- Opening the base.css file in theme code editor
- Adding CSS snippet:
#avada-modal-content table { min-width: 400px; overflow-x: auto; } - Included an iPhone SE screenshot showing the expected scrollable result
Status: The issue remains unresolved as the original poster has not confirmed which solution worked or provided follow-up feedback.
Hello @Anonymous
This design from the theme
You can follow these steps:
- Go to Online Store->Theme->Edit code
- Open your theme.liquid file, paste the below code before
Your size chart can move like this https://www.loom.com/share/af01866214ba44cfb7f715e2455a9ad4
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
Hello @Anonymous 
I think we can make the size chart scroll on mobile, so the clients can view it
To do that, in Shopify Admin, go to Edit theme code, open file base.css and add this code snippet at the bottom
#avada-modal-content table {
min-width: 400px;
overflow-x: auto;
}
The result on iPhone SE
Hope that helps!