Full width product images on dawn theme. Version 10.0.0

Store Design
, , , , , ,
1

Hi!

I would like to have my product images to be flush with the header and the sides on mobile view. This to reduce whitespace on my website.

Is there anybody who can help me with this? Help would be much appreciated.

I would also like a dotted slider as an overlay on the pictures. I will attach an image of what kind of design im looking for.

Thanks in advance!

1000017685.jpg
1000017685.jpg1440×3120 182 KB

2

@MickVenekamp welcome to the Shopify Community,

Can you please share the store url?

thanks

3

Hi @MickVenekamp

Please share your store URL so I can help you to make image full width.

4

My url is: https://thelightsupplier.com/

5

Hi, my url is: https://thelightsupplier.com/

6

Please add this code to theme.liquid file, after
1 Like
7

That worked perfectly! Thank you very much!

1 Like
8

Happy I could help

9

Hi Dan, I just used this code on my dawn theme and it worked great for removing the padding around the image however i noticed that the mobile slider below is displaying more images than I have uploaded. For example, I only uploaded 4 images for the product but the slider is showing “< 1/5 >”. Are you able to help with an updated code for this? Would really appreciate it. Thanks!