Header logo and navigation messed up on Internet Explorer 9 (IE9)

[Kristjan]

Hello,

I’m having a problem with my site: https://stockanalysis.com/

I’m using the “Use navigation as header” option with the logo on the left and the menu on the right.

When I test the site on IE9, the header logo aligns to the right and pushes down the navigation menu.

Here’s a screenshot: http://prntscr.com/r551u2

Any idea how to fix this?

According to GA, 1.25% of my visitors are using IE9. Not a ton, but enough to matter.

Thanks,
Kris

[David]

Hi there,

Navigation as Header uses CSS Flexbox – which IE 9 doesn’t support.

Choices:

1. If the navigation still functions correctly on IE9 then leave as is.
2. Disable Nav as Header
3. Integrate a JS polyfill library such as flexibility.js https://github.com/jonathantneal/flexibility

Personally i would go with #1
And #3 is not something we could support.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts