Solved

How to remove padding between images in custom html mobile view (I am using Brooklyn theme)

Humayoun
Tourist
3 0 1

Humayoun_0-1613989136137.png

This is how it looks like. I'd like to remove the padding in the middle between the images, in mobile view. 


Sidenote: It is 4 images in a row, lined up horizontally in desktop view without any padding, but when switched to mobile view, the padding appears. 

Accepted Solution (1)
ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

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

.custom__item-inner .rte .container .row-full>strong {
display: flex;
flex-wrap: wrap;
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 5 (5)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

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

.custom__item-inner .rte .container .row-full>strong {
display: flex;
flex-wrap: wrap;
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Humayoun
Tourist
3 0 1

It worked! Thank you so much! 

ZestardTech
Shopify Expert
5393 970 1291

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing