Pro Menu with video not displaying correctly in IE11

Hi

I’ve tried a number of fixes from the support forums but had no luck. The menu bar on my homepage is displaying incorrectly in IE 11. I’ve set all the flex menu horizontal alignments to “Start” as well as putting the following CSS in global:

ul.x-menu .x-dropdown {
position: absolute !important;
left: 0px !important;
top: 100% !important;
text-align: left !important;
}

My website is http://bammakeup.com

Works fine in all other browsers.

Many thanks for your help!

Tristan

Hi there,

The IE 11 has a problem rendering the Flex elements which don’t have value units. For example, the unit of 100% is %. But the auto is unitless. So you should not use auto for the Flex properties in the Header Builder.

Go to all the settings of the navigation inline and the container of it and make sure that you do not have unitless values.

If you still have problems kindly get back to us with the URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Thank you.

Thanks for your help. I’ve managed to get it working mostly. Is there any way to get the sticky menu working along with the 3rd bar to appear?

Many Thanks!

Hi there,

Glad that you have managed to fix the issue. Unfortunately at the time being the 2 and 3 sticky bars are not rendering well in the Header Builder. Our development team is aware of the issue.

There are partial workarounds here and there which may or may not work in your case.

2 sticky bar https://youtu.be/lIr_HloR45g
3 sticky bar https://youtu.be/_KH83B24iO8

Thank you for your understanding.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.