It worked! Thank you so much! ![]()
Topic summary
A user needed to increase the size of icon images in the multicolumn section on mobile devices while keeping desktop sizing unchanged.
Solution Provided:
Two CSS-based approaches were offered:
- Custom CSS via theme.liquid - Add styling code above the
</body>tag - CSS file modification (accepted solution) - Add media queries to main.css/base.css:
- For screens under 989px: set image wrapper width to 50%
- For screens under 749px: set image wrapper width to 70%
Outcome:
The CSS modification successfully resolved the issue. The user confirmed the solution worked and marked it as resolved.
1 Like