FROM CACHE - en_header

Reduce Spacing between Top Sections - Maker Theme

Solved
onawave
Excursionist
20 0 4

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

Accepted Solution (1)

Accepted Solutions
LitExtension
Shopify Partner
4097 818 866

This is an 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.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Get your 1-month Shopify free trial from LitExtension. CONTACT US!
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!

View solution in original post

Replies 4 (4)
LitExtension
Shopify Partner
4097 818 866

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!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Get your 1-month Shopify free trial from LitExtension. CONTACT US!
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!
onawave
Excursionist
20 0 4

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.pngScreen Shot 2021-11-18 at 8.35.57 AM.png

LitExtension
Shopify Partner
4097 818 866

This is an 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.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Get your 1-month Shopify free trial from LitExtension. CONTACT US!
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!
onawave
Excursionist
20 0 4

Perfect! Thank you immensely! 

That did work for me.