Dawn theme Mobile view product page product photo size troubleshooting

[Sivadarshan]

I’m using dawn theme latest version in that mobile view product page, the product image size wants to be till edge of the website.

website : https://mannavan.myshopify.com/

password : offnorth

Thanks in advance

[steve_michael2]

.

Hi @Sivadarshan

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

@media(max-width:749px){
.product__media.media.media--transparent {
    width: 100vw !important;
    height: 50vh !important;
}
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[Sivadarshan]

@steve_michael2 Thanks for the code! But there is some spaces on both sides

[steve_michael2]

Hi @Sivadarshan

@media screen and (max-width: 749px) {
    .slider.slider--mobile {
        scroll-padding-left: 0 !important;
    }
body {
    overflow-x: hidden !important;
}
.product__media.media.media--transparent {
    height: 60vh;
}
ul#Slider-Gallery-template--17603935797430__main {
    width: 108%;
}
}

[Sivadarshan]

@steve_michael2 Not working