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

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.

Hello There,

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

https://desert-beauty-kuala-lumpur.myshopify.com/admin/themes/118883647652/editor

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

1 Like

It worked! Thank you so much!

1 Like

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