Dawn theme - Make main product images full width

Store Design
1

Hi all,

I’d like my product images on mobile to take up the full width of the page, as in no padding left or right.

I’ve found a lot of solutions for this problem from earlier this year and last year but none of them seem to work anymore.

This is what it looks like currently:

Current look
Current look1170×1673 86 KB

and below is the goal.

Goal
Goal1170×1870 93.2 KB

I really appreciate any help with this. I’ve been trying everything for the past 4 hours and I just can’t find a bit of code that works.

Thanks!

1 Like
2

Hey @Hector25

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT

Moeed_0-1749057457449.png
Moeed_0-1749057457449.png352×475 54.4 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Thanks so much, that worked!

I wish I’d asked the community hours ago instead of stressing haha

1 Like
4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.