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

English Shopify Shopify Design
1

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
header help after fiverr.png1383×238 18.4 KB

Thanks!

2

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

3

Thanks for the reply!

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

4

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

1 Like
5

That did the trick! Thanks so much!

1 Like