Pro Header Menu broke in IE

[King]

Hi,

The PRO Header menu in IE although wasn’t as snappy was working fine in the past (even though its been a while since i have checked) but the menu is very choppy and highlights random things, sometime items disappear, sub links are aligned centre too when they should be aligned left. Generally its unusable. I have a few sites using this which they paid for so i cant come away from the PRO headers. Here is a link to a video of what it is doing:

https://telfordeducation-my.sharepoint.com/:v:/g/personal/ck_lct_education/Eei5UN6h6M9ClP6x4oEeO9sBdTGHWfh6sYO4xKylE1WW6A?e=zLe6W7

One of my sites is: https://hadleylearningcommunity.org.uk/secondary/

Any ideas? I really need this sorted as most of our users still all use IE.

thanks.

[thai]

Hi Chris,

Using the Header and Footer builder for the IE 11 browser has some nuance. The reason for that is, the Header and Footer builder is based on the Flexbox CSS display mode. IE 11 supports the Flexbox but has bugs to render stuff correctly.

The main issue with the IE11 is the unitless options of the Flexbox such as auto you need to have units to show stuff correctly such as 100% or 500px. So please play around with your settings and use the custom mode of and not Fill Space Equally and set the options to 100%.

You can learn more about the IE11 problems on rendering the flexbox here:

philipwalton/flexbugs

And here is a general usage trick list regarding the Flexbox: https://theme.co/apex/forum/t/using-flexbox/24851

Thank you.