IE 11 Nav Issues

[donwattz1459]

Hello,

I am having navigation issues in IE 11, The dropdown menu goes to the right of the main menu and the sub menu goes below the parent menu. Video link below:

Link to site: http://fantasy.wpdevurl.com
Credentials in secure note if needed.

IE 11 Issues.mp4 (video)

[nabeel]

Hi there,

Thanks for writing around! To fix things in IE try adding the following CSS code in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS

ul:not(.sub-menu).x-menu .x-dropdown {
    position: absolute !important;
    left: 0px !important;
    top: 100% !important;
}
ul.x-menu .sub-menu .x-dropdown {
    left: 100% !important;
    top: 0px !important;
}

Let us know how this goes!

[donwattz1459]

That seems to have worked! Thank you.

Is there a fix for the centered items in IE too? Sub and main dropdown.

[paul.r]

Hi,

Please set sublinks text to align left.

See screenshot

[donwattz1459]

sorry. i was in the wrong account above.

that seems to not have worked.

[christian]

Hey @donwattz1459,

The Horizontal Content Flex Layout should be set to Start. That is required for IE.

Hope that helps.