How Do You Increase The Image Size On Multicolumn Mobile Dawn Theme?

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:

  1. Custom CSS via theme.liquid - Add styling code above the </body> tag
  2. 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.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.

It worked! Thank you so much! :folded_hands:

1 Like