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

Solved
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
Shopify Partner
3688 819 1022

@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 ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
Tourist
6 0 2

Thanks for the reply!

 

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

0 Likes
Shopify Partner
3688 819 1022

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 ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
Tourist
6 0 2

That did the trick! Thanks so much!