Brooklyn Page Title and Content Spacing

Solved
Highlighted
Tourist
8 0 1

Hello everybody!

I'm currently using the Brooklyn theme and need help reducing the space between my page title and content. I've searched the forums and couldn't find an adequate code that works. Attached are pictures of the issue I'm addressing. Any help is appreciated.

Thanks!

Screenshot (142)_LI.jpgScreenshot (143)_LI.jpg

1 Like
Highlighted
Shopify Partner
217 27 47

@kvntle 

Please give your store URL. to check this and provide solution.

Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
0 Likes
Highlighted
Tourist
8 0 1

Hey!

Thanks for the speedy reply. URL: www.geostraws.com

Best regards

0 Likes
Highlighted
Excursionist
176 44 52

Hi, @kvntle 

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

@media screen and (min-width: 591px){
.section-header {
    margin-bottom: 20px;
}
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Shopify Partner
217 27 47

@kvntle 

Thanks 

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

.section-header {
    margin-bottom: 20px;
}
Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
1 Like
Highlighted
Tourist
8 0 1

Hey @IttantaTech and @Vikas_Chovatiya ,

Thanks for the prompt replies! Both codes fixed the initial issue but affected the newsletter's spacing. Attached is a picture of the issue. Any help is appreciated.

Best regards

Screenshot (144)_LI.jpg

0 Likes
Highlighted
Excursionist
176 44 52

This is an accepted solution.

Hi, @kvntle 

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

@media screen and (min-width: 591px){
.newsletter .section-header+.section-subheading {
    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 vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Tourist
8 0 1

Hi @Vikas_Chovatiya ,

The code separated the content, but the spacing isn't as equal as it orginally was. Attached is an image of the issue. A slight alteration may fix the issue. 

Thanks!

Screenshot (146)_LI.jpg

0 Likes
Highlighted
Excursionist
176 44 52

This is an accepted solution.

Hi, @kvntle 

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

.newsletter .section-header__title {
    margin: 0;
}
.newsletter .section-header {
    margin-bottom: 10px;
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Tourist
8 0 1

Awesome, thanks for the help @Vikas_Chovatiya ! The coding is perfect. 

0 Likes