Add spacing below Logo in Brooklyn Theme

Tourist
34 0 2

I want to add spacing below my logo for the Mobile Version so that the Logo isn't touching the girl in the photo on my homepage. Where in the coding can I adjust this spacing? My website: goodheartedclothing.com 

 

Thank you!

0 Likes

Hello,

Your site is password protected...

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
34 0 2

The password is Whipre. Sorry about that

0 Likes
Shopify Expert
665 170 199

Hi, @EcomLove ,

This is Evita from On The Map.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media screen and (max-width: 768px) {
  .site-header {
     margin-top: -2rem;
  }
}

It will look like this - https://prnt.sc/pmqycg

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like
Tourist
34 0 2

Hi Evita,

 

I pasted the code you gave me and it brought the logo & header all the way to the announcement bar. I don't want to reduce the spacing at the top of the logo I just want to add some spacing between the logo/header and the picture below so the logo is seen more clearly. 

0 Likes