Shopify themes, liquid, logos, and UX
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/
Solved! Go to the solution
This is an 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,
This is an accepted solution.
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;
}
This is an 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,
This is an accepted solution.
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 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
This is an 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,
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?
This is an accepted solution.
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;
}
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?
This is an 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,
This is an accepted solution.
oh sorry for that can you try this code
@media screen and (max-width: 749px){
#Slider-template--14375390085213__16424371911746d9b2 .slideshow__text-wrapper {
display: none;
}
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024