How do I reduce the gap within "image and text" element on mobile and desktop display? (Debut theme)

Hi, How do i fix the huge space between my product images and text, mostly happening on the mobile version but also a bit of a gap on the desktop too.

Please help!!

www.lunaserene.co.uk

div#shopify-section-feature-row {
    padding: 0;
}
div#shopify-section-160375676991ea3033 {
    padding: 0;
}
.feature-row__item.feature-row__text.feature-row__text--right {
    padding: 0;
}

Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

Unfortunately this hasn’t helped.

The wax melt product is particularly bad on the mobile version and I’m not sure why. Is there anything I can do please?

Thank you!

https://www.lunaserene.co.uk/products/soy-wax-melts

Hello,

Thank you for your email but unfortunately this didn’t work.
The Wax Melt page seems particularly bad (
https://www.lunaserene.co.uk/products/soy-wax-melts) on the mobile version.
Please help!

.slick-slide {
    height: auto;
}

add this css in same file as you did !

@dseveri

Can you please send a screenshot of what exactly you want to reduce the spacing of?

Show More

Hi Diego,

Show More

Thanks so much for getting back to me. Here are some screen shots. I also inserted the code I was asked to add but again doesn’t seem to make a difference. Am I doing something wrong?

Show More

Hello, was this answer ever answered? I am also dealing with the same problem.

@livin2424 ,

Hi share the URL with your issue.

I will help you!

The url is: https://www.livinwelljewelry.com/

The password is: aulyai

Please help.

@livin2424 ,

explain the issue