Brooklyn Page Title and Content Spacing

Solved
kvntle
Excursionist
27 0 11

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

IttantaTech
Shopify Partner
396 39 68

@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
kvntle
Excursionist
27 0 11

Hey!

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

Best regards

0 Likes
Vikas_Chovatiya
Navigator
372 87 110

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)
IttantaTech
Shopify Partner
396 39 68

@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
kvntle
Excursionist
27 0 11

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
Vikas_Chovatiya
Navigator
372 87 110

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)
kvntle
Excursionist
27 0 11

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
Vikas_Chovatiya
Navigator
372 87 110

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)
kvntle
Excursionist
27 0 11

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

0 Likes