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

Solved
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. 

0 Likes
Pallavi
Shopify Expert
2209 360 472

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
0 Likes
Pallavi
Shopify Expert
2209 360 472

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! 

Pallavi
Shopify Expert
2209 360 472

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
0 Likes