Dawn theme - Get rid of main product image padding

Store Design

Topic summary

A user seeks to remove padding around main product images on mobile in the Dawn theme, wanting images to fill the full screen width without left, right, or top spacing.

Problem Details:

  • Store: covessence.com
  • Previously suggested code solutions didn’t work, likely due to theme updates
  • User provided screenshots showing current padded layout versus desired full-width appearance

Resolution:

  • After initial code attempt failed (user questioned if placement was correct), a community member provided working CSS solution
  • The fix successfully removed the unwanted padding
  • User confirmed the solution worked and improved the visual appearance significantly
Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Hi all - I’d really love some help with this problem. I’m creating a new store on dawn theme and I’d like to remove the padding round the main product image so that they fill the full space. The pic on the left with the red round the pic - that’s the section that i’d like filled with the image.

This question has been asked a few times but the code provided doesn’t work - i’m guessing because the theme has been updated since.

What I'm after
What I'm after1170×2532 250 KB

Current look
Current look526×1142 140 KB

Any help is appreciated, thank you!

2

Hi - yes that’s correct. I’d like the main product images to fill the screen on mobile. So no padding left, right and above :slightly_smiling_face:

3

Thanks so much, it’s covessence.com

4

Hi, sorry but this hasn’t changed anything. Did I put the code in right?

Screenshot 2025-06-28 at 16.59.20.png
Screenshot 2025-06-28 at 16.59.20.png1084×536 83.9 KB

5

This is what I’m trying to have - no padding at left/right/above image

IMG_0151.jpeg
IMG_0151.jpeg1170×2147 127 KB

6

hahah thank you! I really appreciate it

7

That worked! Thanks so much, it looks ten times better now :slightly_smiling_face:

1 Like