Removing excess padding between sections on home page- debut theme

Solved
Highlighted
New Member
2 1 0

Hi guys,

I've got quite a bit of white space between each section of my page- header menu, slide show, rich text etc. I've tried searching the forums and trying different codes but nothing is working yet. Can someone help? Website is:

www.ecocubs.com.au

Thanks

0 Likes
Highlighted
Shopify Partner
3261 719 866

@AnnelieseKate 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

hr {
margin: 30px 0 !important;
}
.site-header__logo {
margin: 0px !important;
}

 

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
2 1 0

This is an accepted solution.

Thanks! It worked 

0 Likes
Highlighted
New Member
3 0 0

i've got excess spacing and my website looks boring cos there's no settings to add section breakers to the website.

please help https://isotreat.com/

0 Likes
Highlighted
Shopify Partner
3261 719 866

@greatestlaw 

You can add the following code at the bottom of your assets/theme.css file.

@media only screen and (min-width: 750px) {
.index-section { padding-top: 25px !important;  padding-bottom: 25px !important; }
}

 

Hope this helps.

 

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
3 0 0

Thanks so much it worked.

0 Likes
Highlighted
New Member
3 0 0

Hi, I tried this but doesn't work it still gets white padding/space between header navigation and image

rrpad.JPGrrpad2.JPG

 

is there another way I can try? thanks in advance!

0 Likes