Solved

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

TLD_admin
Tourist
4 0 3

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.

 

Screenshot 2022-02-24 8.31.27 PM.png

 

https://twolittledumplings.com/

 

Accepted Solutions (4)

kai-nguyen
Shopify Partner
41 6 10

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,

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

kai-nguyen
Shopify Partner
41 6 10

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,

View solution in original post

KetanKumar
Shopify Partner
36839 3635 11972

This is an 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;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 10 (10)

GeorgeMcGovern
Excursionist
37 1 2

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
Shopify Partner
41 6 10

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,

TheRisaCompany
Visitor
1 0 0

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

https://therisacompany.com/

kai-nguyen
Shopify Partner
41 6 10

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?

KetanKumar
Shopify Partner
36839 3635 11972

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
TLD_admin
Tourist
4 0 3

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

KetanKumar
Shopify Partner
36839 3635 11972

@TLD_admin 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
TLD_admin
Tourist
4 0 3

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

kai-nguyen
Shopify Partner
41 6 10

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,

KetanKumar
Shopify Partner
36839 3635 11972

This is an 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;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing