Vertical alignment of menu in header

Papillus · May 2015

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 · May 2015

Hi,

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

phil1974 · January 2016

Same problem here, can you post a solution please?

Albert · January 2016

@phil1974 Any link to site and screenshot with explanation?

phil1974 · February 2016

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 · February 2016

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

phil1974 · February 2016

Have amended to sticky header temporarily….

http://www.prescottsporting.com

Albert · February 2016

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; }

phil1974 · February 2016

Brilliant. Thank you so much!

Albert · February 2016

You're welcome

Kryon91 · March 2018

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 · March 2018

http://mehrgesundheit.org/

Bryan · March 2018

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

Vertical alignment of menu in header

Comments

This website uses cookies