X Pro Header Probems in IE11

[bora_bora]

My client just informed me that the menu doesnt work correctly in IE11:

• the Menu is on the left (instead of correctly on the right)
• the submenu items are centered (instead of correctly aligned to the left)

Also IE11 seems to have a problem with custom rows.
I am using a 2/5 + 3/5, and the text from the 3/5 spills into the image in the 2/5.

[rad]

Hi there,

Thanks for writing in.

Please change your header’s second container and change its Flex Layout's Horizontal alignment to End instead of Space Between. And about the columns, are you referring to the image spilling to the next column? It’s due to the size of the image and not because of the column, and IE handles image differently.

Try inspecting that image and change its width to 100% instead of auto.

Thanks!

[bora_bora]

Hi Rad,
and thanks - all of that worked.
the only thing left are the submenu items being centered in IE11 instaed of correctly being aligned to the left

[bora_bora]

Wait, I think I managed it myself:
I changed the content flex in the sub links from centered to start.
Is that the right way to do it?
Also - I took those original settings directly from the hero header preset.
Maybe you could change them so that others won’t have the same problem.

[rad]

HI there,

Glad it’s okay now, and yes, we’ll check that area. The problem is IE renders flex layout and shrink rendering differently.

Thanks!