How to decrease padding between logo and navigation menu - brooklyn theme

Store Design
1

i have highlighted the area in red where i would like to decrease the padding

site url is https://7kingdomsbar.myshopify.com/

password is godgod24

red highlight where to decrease padding
red highlight where to decrease padding2874×404 149 KB

1 Like
2

@7kingodmsla

yes, please upload code

@media only screen and (min-width: 768px) {
.site-header__logo {
    padding: 30px 0 10px;
}
}
3

Hi @7kingodmsla ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.css->paste below code at the bottom of the file:
@media only screen and (min-width: 768px){
  .site-header__logo {
     padding: 30px 0 25px !important;
  }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.