Pages not scaling on mobile

Highlighted
New Member
11 0 0

Hi there, im using the icon theme on https://luxehour.com

All the pages do not scale on mobile phone, how can I fix this please?

 

IMG_3555.JPG

 

0 Likes
Highlighted

It seems that you have to tune a little bit the grid column gap on mobile.

You can add the following CSS a tune it, but this settings should work.

@media screen and (max-width: 480px) {
    .grid_wrapper {
        grid-column-gap: 20px;
    }
}
• If the problem is solved remember to click ✅ to Accept Solution
• Press Like, if the answer was helpful
• Shopify/Shopify Plus custom development, optimization and consulting. You can hire me here.
0 Likes
Highlighted
New Member
11 0 0

Hi thank you for your response, Where do I go to add this? sorry still learning Shopify

0 Likes
Highlighted

Some themes have the possibility to add some custom CSS code directly in their settings otherwise I suggest you to read this introduction by Shopify: Editing theme code

And add the code I suggested at the end of file theme.scss.liquid inside Assets folder of your theme.

• If the problem is solved remember to click ✅ to Accept Solution
• Press Like, if the answer was helpful
• Shopify/Shopify Plus custom development, optimization and consulting. You can hire me here.
0 Likes