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

Solved
Highlighted
Tourist
6 0 2

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.

header help after fiverr.png

 

Thanks!

0 Likes
Highlighted
Shopify Partner
3200 704 849

@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!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
6 0 2

Thanks for the reply!

 

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

0 Likes
Highlighted
Shopify Partner
3200 704 849

This is an 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!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
Highlighted
Tourist
6 0 2

That did the trick! Thanks so much!