Header dropdwon issue in IE

[MPFwebsites]

I’m having an issue with the header nav on Internet Explorer 11. It’s displaying properly, but the dropdown for the sub menu items is not working. Is there something I can do to fix?

TN District Attorneys General Conference

Thanks

[tristup]

Hi @darmourmpf,

Thanks for reaching out.
I have checked your site in IE 11 but didn’t find the issue you mentioned in your post. If that is not the case and you are trying to point out something else, please provide any screenshot marked with the issue or any video that helps us to recognize the problem.

Thanks

[MPFwebsites]

Thanks @tristup, and sorry for not being clear. The dropdown appears, but as soon as I try and mouse down to one of menu options, it disappears before I’m able to click. Here’s a screen recording showing what I’m talking about. http://tndagc.wpengine.com/wp-content/uploads/2021/02/Screen-Recording-2021-02-03-at-8.13.17-AM.mov

Thanks!

[MPFwebsites]

Thanks @tristup, and sorry for not being clear. The dropdown appears, but as soon as I try and mouse down to one of menu options, it disappears before I’m able to click. Here’s a screen recording showing what I’m talking about. http://tndagc.wpengine.com/wp-content/uploads/2021/02/Screen-Recording-2021-02-03-at-8.13.17-AM.mov

Thanks!

[tristup]

Hi @darmourmpf,

I have found the issue specified, and the margin value set to the sub-menus is the reason behind your issue. Please find the screenshot marked with the attribute settings.

To get rid of this issue, please add the following code into the Theme Options > CSS. Or you can use the following plugin to add the Style into your website: https://wordpress.org/plugins/header-and-footer-scripts/

<!--[if IE]>
    .sub-menu.x-dropdown 
    {
        margin:0px !important;
    }
<![endif]-->

I would also request you to go through the following article on how to write IE specific CSS code:

1. https://css-tricks.com/how-to-create-an-ie-only-stylesheet/
2. http://stackoverflow.com/questions/11173106/apply-style-only-on-ie

Hope that helps.
Thanks