Brooklyn Theme - Header Spacing/Padding

Solved
Highlighted
New Member
2 0 2

Hi there! I am trying to figure out how to remove the large amounts of padding between the menu and the looping video and then the header underneath on my home page. I also do not like how much room there is between the header and first section of any of my pages (example: the About Me page). Is this a Heading/Header setting? There are larger amounts of space between most of my headers and body text. I have tried a couple fixes from other discussion forums but none have worked so far so I don't think I was placing the right code in the right section. Thanks in advance for your help!

Website: https://jessmylife.com

1 Like
Highlighted
Shopify Partner
7704 1058 2679

This is an accepted solution.

Hello, @jessmylife 

Welcome to the Shopify community!
and Thanks for your Good question.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.index-sections .shopify-section:first-child:not(.shopify-section--full-width) {
    margin-top: 0;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
New Member
2 0 2

That worked - thank you very much!

1 Like
Highlighted
Shopify Partner
7704 1058 2679

@jessmylife 

Thanks for update and your compliment.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
3 0 1

Hi

 

I have similar problem. I wanted to change the mega menu structure with the globo mega menu app. I unpublish and removed it because the app's dimensions do not fit. Later, the old menu structure was broken. All the menu components started to come to the homepage vertically.

It normally included main topics and submenus horizontally. After it broken, all header / items started to come up vertically.

Could anyone help me?

Thanks

1 Like
Highlighted
Shopify Partner
7704 1058 2679

Hello, @cen9izh4n 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes