How to add padding in between logo and header navigation brooklyn theme

Store Design
1

store url https://7kingdomsbar.myshopify.com/

password godgod24

my store
my store2848×645 169 KB

1 Like
2

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:
.site-header nav.grid__item.large--two-thirds.large--text-right.medium-down--hide {
    top: -12.5px!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.

3

@7kingodmsla

oh sorry for that issue can you try this code

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