Reduce Spacing between Top Sections - Maker Theme

Store Design
1

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

2

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!

3

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?

Screen Shot 2021-11-18 at 8.35.59 AM.png
Screen Shot 2021-11-18 at 8.35.59 AM.png1440×900 92 KB

Screen Shot 2021-11-18 at 8.35.57 AM.png
Screen Shot 2021-11-18 at 8.35.57 AM.png1440×900 100 KB

4

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.

5

Perfect! Thank you immensely!

That did work for me.