Archived topic

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

1 reply · Started by Kristjan on February 20, 2020

Viewing posts 1–2 of 2

February 20, 2020 at 4:52 am #1171325

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

February 20, 2020 at 6:45 am #1171421

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.

This archived topic is closed to new replies.

Start building better websites today.