Remove margins outside product photos

Store Design
, ,
1

Hello Dear community members,

I’m looking into totally removing the blank space margins, around the product photos, on mobile view. So the photos end right on the site’s edges.

Please help me, I love you.

misteri.ca

IMG_1183.jpeg
IMG_1183.jpeg1179×2556 230 KB

2

Hey @MiguelMaya

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-1729535690805.png
Moeed_0-1729535690805.png373×664 126 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the tag

Result:

AnneLuo_0-1729563190850.png
AnneLuo_0-1729563190850.png388×498 142 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

4

Hello @MiguelMaya
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->component-slider.css
add this code at the end of the file.

@media screen and (max-width: 749px) {
slider-component.page-width {
padding: 0px !important;
}
}

result

24.png
24.png457×595 128 KB

If this was helpful, hit the like button and accept the solution.
Thanks

5

Than kind of worked, id still like removing that thin white layer around. Is that possible?