Image with text assistance please! (Dawn theme)

Store Design

Topic summary

A user encountered an issue with image cropping in the “image with text” section on mobile view using the Dawn theme. They wanted to adjust the image ratio to 3:4 for better display.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open Assets → component-image-with-text.css
  • Add custom CSS code at the bottom of the file to adjust padding for mobile screens (max-width: 749px)

Outcome:
The CSS solution successfully resolved the cropping issue. The discussion is now closed with the problem fixed.

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

Hi @Popcorn ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-image-with-text.css->paste below code at the bottom of the file:

@media screen and (max-width: 749px) {
    .image-with-text .image-with-text__media--small {
        padding-top: 130%;
    }
}

I hope it would help you
Best regards,

Richard | PageFly

1 Like