Internet Explorer issues w/ Pro

[standardanomaly]

https://leaveittolina.com/pima/

On Internet Explorer 10 and 11, I am having major issues with this site designed in X Pro. Currently I have ALL plugins disabled and no custom css for the purposes of troubleshooting this issue.

This is the header/navigation and another section site on Google Chrome:

This is the same area on IE 11:

This is the sticky header with scroll-activated dropdown on Chrome:

This is where the sticky header should be on IE11:

Please help me to resolve these issues!

[standardanomaly]

This is the footer in Chrome:

Footer in IE:

[paul.r]

Hi,

We need to check your PRO Header and Footer Settings.

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

• Link to your site
• WordPress Admin username / password

All the best!

[nabeel]

Hi again,

Thank you for providing the credentials. I went ahead and adjusted your header and footer settings also added the following custom CSS in Global CSS to adjust layout in IE:

.fm4.x-text, .fm5.x-text, .fm8.x-text, .fm9.x-text, .fm12.x-text, .fm13.x-text {
    letter-spacing: 0em;
    width: 100% !important;
}

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;
}
.no-preserve3d .x-image img {
    width: 100%;
}
.no-preserve3d .x-masthead .x-image img {
    width: auto;
}

We’re aware of sticky header not working in IE and that’s been added to our issue tracker. Now your site looks good in IE11, please clear your browser’s cache and reload the site.

Hope this helps!