How to remove space between image banner and another section in Dawn Theme

[TLD_admin]

Hello,

Looking to get some help with removing the space between an image banner and a multi column. Can anyone suggest how to remove the space? Link to the website below and screenshot with space circled in red.

https://twolittledumplings.com/

[GeorgeMcGovern]

Hello there @TLD_admin , I've gone through your website and I see your complaint and understand how you feel. I believe I can help you with that. Send me a dm 

[kai-nguyen · Accepted solution]

Hi,

You can add this code CSS.

#shopify-section-template--14375390085213__1641097268d3ebd947 .multicolumn.background-none {
    margin-top: 0;
}

I hope this can help you.

Thank you,

[KetanKumar · Accepted solution]

@TLD_admin 

oh sorry for that issue 

can you try this 

1. Go to Online Store->Theme->Edit code
2. Asset->/section-multicolumn.css ->paste below code at the bottom of the file.

#shopify-section-template--14375390085213__1641097268d3ebd947 .multicolumn {
    margin-top: 0;
}

[TLD_admin]

Thank you @KetanKumar and @kai-nguyen, both solutions worked!

[KetanKumar]

@TLD_admin 

its my pleasure to help us 

[TLD_admin]

@KetanKumar this seemed to work for desktop version, is there a code to also remove this space in the mobile version?

[kai-nguyen · Accepted solution]

Hi,

You can add this code CSS to remove it:

.banner--mobile-bottom .slideshow__text.banner__box.slideshow__text--center:empty {
    display: none;
}

Thank,

[KetanKumar · Accepted solution]

@TLD_admin 

oh sorry for that can you try this code

@media screen and (max-width: 749px){
#Slider-template--14375390085213__16424371911746d9b2 .slideshow__text-wrapper {
    display: none;
}
}