Vertical alignment of menu in header

Papillus

Hi,

I would like to align the menu in the header vertically. Please can you help?

The header is Classic and I have added some css to increase the logo size. Now, the menu appears more at the top of the header, not in the center anymore.

How can I get it back in the middle?

Thanx

Albert

Hi,

please send us url to page where you want to do this and we'll help you.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

phil1974

Same problem here, can you post a solution please?

Albert

@phil1974 Any link to site and screenshot with explanation?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

phil1974

Have fixed it by adding padding, but it throws out the sticky menu so had to turn it off…

http://www.prescottsporting.com

Not ideal, would really like to keep sticky menu.

Albert

@phil1974 Where exactly can we check how sticky header looks like?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

phil1974

Have amended to sticky header temporarily….

http://www.prescottsporting.com

Albert

Ok, we see what you mean. So to fix the sticky header, you need to use the following css instead:

.header-classic #Top_bar:not(.is-sticky) .menu_wrapper { margin-top: 20px !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

phil1974

Brilliant. Thank you so much!

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Kryon91

Hey there!

could you please help me with my issue. I tried the css from above but without any effect. 

I want my menu vertically centered.

Thx

Kryon91

http://mehrgesundheit.org/

Bryan

Kryon91
Hey,
please remove your custom css and go to theme options>global>logo and set the logo height as well as the vertical padding.
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next