How do I align the navigation menu to the bottom of header bar instead of the center?

[codyt]

Website: monomaps.us

Pass: flowff

You can see how my navigation bar and logo are currently aligned. I am trying to achieve the picture below. I played with the code as much as my limited knowledge would allow but I couldn't crack this one. My logo is designed so the "P" extends into the white space.

Thanks!

[dmwwebartisan]

@codyt 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.site-header__logo {
margin-bottom: -3px !important;
}

.menu-custom-bar {
margin-bottom: 0px !important;
}

Thanks!

[codyt]

Thanks for the reply!

I added the code you provided, but I do not see a difference. 

[dmwwebartisan · Accepted solution]

@codyt 

Please remove the old one and try to add this one.

.site-header__logo {
margin-bottom: -3px !important;
}

.menu-custom-bar {
padding-bottom: 0px !important;
}

Thanks!

[codyt]

That did the trick! Thanks so much!