[Resolved] Header CSS is broken

[Kulwant]

Hi,

My theme’s header is not loading properly. Logo and menu items are not aligned.

See screenshot – https://d.pr/i/2fSs80

Help me to fix this.

Thanks..

[Leo]

Hi there,

Looks like you’ve figured out?

This is what I’m seeing: http://www.screencast.com/t/FogOGIrPUM

Let me know 🙂

[Kulwant]

Seems an issue in my browser. Still not loading well in Chrome.

[Leo]

Hmm try clearing browser cache.

[Kulwant]

I am still facing this problem.

[Leo]

Tested with Chrome, Firefox and IE and they all show correctly for me.

Does it happen to you on all browsers?

Have you cleared browser cache as I suggested?

Do you have a different computer to test?

[Kulwant]

But I tested it in 3 different computers and they all are showing the unaligned header.

[Leo]

That’s very weird.

Can you try this method here?
https://docs.generatepress.com/article/navigation-logo/#navigation-as-header

It should achieve the exact same layout you are going for but better method.

Let me know 🙂

[Leo]

You can also try adding this CSS:

.site-logo {
   float: left;
}

But the using navigation as header method I linked above should be better as well 🙂

[Kulwant]

This logo float code worked well. 🙂

Thanks.

[Leo]

No problem 🙂

[Author]

Posts