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

Solved
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)

Accepted Solutions
kai-nguyen
Shopify Partner
38 6 7

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
32501 3268 10844

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
38 6 7

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
32501 3268 10844

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 8 (8)
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
38 6 7

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,

KetanKumar
Shopify Partner
32501 3268 10844

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
KetanKumar
Shopify Partner
32501 3268 10844

@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
38 6 7

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
32501 3268 10844

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