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?
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;
}
}
Hi thank you for your response, Where do I go to add this? sorry still learning Shopify
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.
