Reduce Spacing between Top Sections - Maker Theme

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

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!

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?

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.

Perfect! Thank you immensely!

That did work for me.