Reduce Spacing between Top Sections - Maker Theme

[onawave]

Hello - 

I am wanting to reduce the sections between the top sections of my page.

How can I do this?

website; www.littlerootz.com

password: blarop

[LitExtension]

Hi @onawave,

You want to reduce here: https://i.imgur.com/VJZziyy.png 
Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme--critical.css and paste this at the bottom of the file:

.announcement--wrapper{
	padding-top: 5px !important;
    padding-bottom: 0px !important;
}

Hope it helps!

[onawave]

Hi @LitExtension 

Thank you for your response.

I actually meant the sections shown in the screenshots provided.

If possible, may you provide a code for this?

[LitExtension · Accepted solution]

Hi @onawave,

Please add code:

#shopify-section-16371040954de9eafc,
#shopify-section-1522371573233{
	padding-bottom: 15px;
}
#shopify-section-1637178467ff7b253b{
	padding-bottom: 20px;
}

Or if you want to reduce the spacing of the whole home page, please add code:

.template--index .layout--main-content .shopify-section {
    padding: 0 20px 20px;
}

Hope it is clear to you.

[onawave]

Perfect! Thank you immensely! 

That did work for me.