Solved

Full width product images on dawn theme. Version 10.0.0

MickVenekamp
Tourist
11 0 3

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

 

 

 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
7514 1450 1447

This is an accepted solution.

Please add this code to theme.liquid file, after <head>

 

<style>
@media (max-width: 749px) {
.slider.slider--mobile {
scroll-padding-left: 0 !important;
}
.slider.slider--mobile .slider__slide {
padding-top: 0px !important;
width: 100% !important;
}
}
</style>

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 7 (7)

Liqiud_xPert_SJ
Shopify Partner
723 92 112

@MickVenekamp  welcome to the Shopify Community,

 

Can you please share the store url?

 

thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
MickVenekamp
Tourist
11 0 3

Dan-From-Ryviu
Shopify Partner
7514 1450 1447

Hi @MickVenekamp 

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

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

MickVenekamp
Tourist
11 0 3
Dan-From-Ryviu
Shopify Partner
7514 1450 1447

This is an accepted solution.

Please add this code to theme.liquid file, after <head>

 

<style>
@media (max-width: 749px) {
.slider.slider--mobile {
scroll-padding-left: 0 !important;
}
.slider.slider--mobile .slider__slide {
padding-top: 0px !important;
width: 100% !important;
}
}
</style>

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

MickVenekamp
Tourist
11 0 3

That worked perfectly! Thank you very much! 

Dan-From-Ryviu
Shopify Partner
7514 1450 1447

Happy I could help

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now