Brooklyn Theme: Not enough spacing between header and the content

Highlighted
New Member
2 0 1

Hey there,

I'm sorry to ask such a specific question but I can't fix the problem without any help I guess. The margin-top of the content is always a little too less as shown on the pictures attached. The Webversion is quite ok but not perfect but the mobile version is really horrible.

I can imagine its a problem caused by the fixed header that I set up, but i really want to have a fixed header bar. 

Also I tried to give the ...

@media only screen and (min-width: 769px)
timber.scss437696399:1
.large--five-sixths {
  1. width: 83.333%;

 

... a margin-top of 10px but that always destroys the theme plus puts a horizontal line between headline and the text.

 

Can anybody help?

Thanks in advance!

Leni

 

 

IMG_9065.PNGBildschirmfoto 2020-06-16 um 06.43.43.png

1 Like
Highlighted
Shopify Partner
5044 745 1644

Hello, @alienalisa 

Welcome to the Shopify community!
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
Highlighted
New Member
2 0 1

Hey @KetanKumar , 

 

sorry for not thinking about that.

www.thekiddelcompany.com

 

Thanks!

0 Likes
Highlighted
Shopify Partner
5044 745 1644

@alienalisa 

Thanks for URL.

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

body:not(.template-index) .main-content {
    padding-top: 130px;
}

change spacing value as you like.

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