How to eliminate white margins on mobile view images?

Shopify Discussion
1

Image with text full width On mobile view. I can’t get rid of the white margins on the left an right of image

using orgin theme

2

Hey @BLmooi

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

3

Hi @BLmooi Please share your store URL so I can check and help you out.

4

www.mooipote.com

5

www.mooipote.com

You can just let me know what css code I can use

6

Do you want to add white space on the image or remove white space on text?

7

Remove white space next to image (on sides) on mobile view

8

Please add this CSS code in base.css file

@media only screen and (max-width: 767px) {
.image-with-text {
    padding-left: 0;
    padding-right: 0;
}
}
9

It still doesn’t work?

10

Add in theme.liquid file above the tag

Place code here
11

Thank you so much!! It worked!!

12

Don’t forget to hit the like button and accept the solution.

Thank you

1 Like