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.
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
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,
oh sorry for that issue
can you try this
- Go to Online Store->Theme->Edit code
- Asset->/section-multicolumn.css ->paste below code at the bottom of the file.
#shopify-section-template--14375390085213__1641097268d3ebd947 .multicolumn {
margin-top: 0;
}
Thank you @KetanKumar and @kai-nguyen , both solutions worked!
its my pleasure to help us
@KetanKumar this seemed to work for desktop version, is there a code to also remove this space in the mobile version?
Hi,
You can add this code CSS to remove it:
.banner--mobile-bottom .slideshow__text.banner__box.slideshow__text--center:empty {
display: none;
}
Thank,
oh sorry for that can you try this code
@media screen and (max-width: 749px){
#Slider-template--14375390085213__16424371911746d9b2 .slideshow__text-wrapper {
display: none;
}
}
Hello, I tried to use this CSS and swapped out my section template id with my own, but it is not removing the space. Would anyone be able to take a look? I am trying to remove the space between my header image and “Browse our most popular coffee” sections
Hi, I can’t see this space. Can you give me the image for space between my header image and “Browse our most popular coffee” sections?