Header logo not aligned with menu

Support
#1

Hi there

It seems I cannot get my logo to align with my main menu. In the X Pro editor this shows fine, where the logo & tagline are vertically centered the same as the menu. But when I view the site the logo is closer to the top of the page and not centered anymore:

What am I doing wrong?

Thanks for your help

#2

Hi @Woordenaar,

The problem was generated from the <p> tag that you used inside the Headline element:

The <p> tag has a default margin-bottom in the theme CSS code and that is why it adds additional space for the headline element. The vertical centering is working correctly, but the Headline element itself has a bottom margin which causes the problem.

I changed the tag from p to div and it fixed the problem.

Please kindly go to the Headline element for mobile and do the same changes there.

Thank you.

#3

Thanks!

Indeed, this fixed the issue :slight_smile:

#4

You’re welcome!
We’re glad @Christopher were able to help you out.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.