Reduce padding to drop down menu - brooklyn theme

Store Design
1

Hope all is well , i am trying to reduce the white space padding between the drop menu and my logo , please any suggestions here’s a photo for a closer look and understanding

reduce padding in red
reduce padding in red2763×813 253 KB

2

site link

https://7kingdomsbar.myshopify.com/

password godgod24

3

Hi @7kingodmsla ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

4

site link

https://7kingdomsbar.myshopify.com/

password godgod24

5

@AvadaCommerce

6

Hi @7kingodmsla ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
@media (min-width: 750px) {
    .site-nav__link {
        padding-top: 0px !important;
    }
    .site-nav__dropdown {
        padding-bottom: 0 !important;
    }
}

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

7

@AvadaCommerce can you help me with one more thing , i would like to change my logo to white in transparent header and on scroll keep a black logo , i have both logos already . how must this be done ?

8

Hi @7kingodmsla ,

You can add below code in theme.scss file:

.header-wrapper--transparent:not(.header-sticky) .site-header__logo-image {
    display: block !important;
}
.header-wrapper--transparent:not(.header-sticky) .site-header__logo-image--transparent {
    display: none !important;
}

Hope it can help you