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

11 0 1


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...


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,

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