Displaying full screen/width product image in Debut theme

[Ayazon_Online]

Hi everyone,

I’m using the Debut theme and would really like to show all main product images in full screen/width on mobile version.

I attached a couple of referrances…

Does anyone have any magical code for this?

Thanks in advance!

[oscprofessional]

Hello Ayazon_Online,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (max-width: 749px) {
 #ProductSection-product-template, #Collection {
	padding: 0;
}
}

[Ayazon_Online]

Hi oscprofessional,

Thank you for your quick reply.

Unfortunately, the code is also applied to the entire text and the buttons as well, which leaves no white side margins to the page…

Any idea of how to apply it only to the image?

Thanks in advance

[Ayazon_Online]

Hi oscprofessional,

My apologies for the delayed reply.

Here is the link:
https://www.ayazon-online.com/

Thank you very much for your help!
Best regards

[oscprofessional]

@Ayazon_Online ,