How to REDUCE SPACE between LOGO and MENU ITEMS in Brooklyn Theme

Solved
Highlighted
Tourist
11 0 1

SaraK_0-1604256556398.png

Hello! Does anyone know how to reduce this space between logo image and menu items in Brooklyn theme?

I've been changing parameters in theme.scss and timber.scss for an hour with no results, I need help here...

0 Likes
Highlighted

This is an accepted solution.



1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > timber.scss.liquid and paste this at the bottom of the file:

@media (min-width: 998px){
    .site-header .grid--table > *:nth-child(2){
    width: 28% !important;
}
}


You can change the value 28 to any other number of your liking. The greater the number, the greater the spacing will be.

Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I'm available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
◦ My app free for limited time: Add a navigation styled like Instagram Stories to your website!
1 Like