Solved

How to eliminate white margins on mobile view images?

BLmooi
Tourist
28 0 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

Accepted Solution (1)
RockTechnolabs
Shopify Partner
251 36 59

This is an accepted solution.

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

Thank you

banned

View solution in original post

Replies 11 (11)

Moeed
Shopify Partner
3673 928 1159

Hey @BLmooi 

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
BLmooi
Tourist
28 0 1
www.mooipote.com

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

RockTechnolabs
Shopify Partner
251 36 59

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

 

banned
BLmooi
Tourist
28 0 1
RockTechnolabs
Shopify Partner
251 36 59

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

banned
BLmooi
Tourist
28 0 1
Remove white space next to image (on sides) on mobile view
RockTechnolabs
Shopify Partner
251 36 59

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;
}
}

 

banned
BLmooi
Tourist
28 0 1
It still doesn’t work?
RockTechnolabs
Shopify Partner
251 36 59

Add in theme.liquid file above the </body> tag
<style>
Place code here
</style>

banned
BLmooi
Tourist
28 0 1
Thank you so much!! It worked!!
RockTechnolabs
Shopify Partner
251 36 59

This is an accepted solution.

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

Thank you

banned