Menu Dropdowns Disappear in IE

yellowduckmktg · January 2016

My client is having an issue that I'm unable to replicate in office. When you hover over the main nav, the dropdowns appear, but when she moves her mouse to click on a subnav item, then submenu disappears. She's using a recent version of IE. Anyone else experience this issue or have a fix?

Albert · January 2016

Hi,

Please send us link to your page we will check it

Thanks!

yellowduckmktg · January 2016

http://dev11.nlhsolutions.com/

username: yellow

pw: duck

Albert · January 2016

It's because of your custom changes. To fix it, please use the following css:

@media only screen and (min-width: 1240px){
 #Top_bar .menu > li > a { padding-bottom: 50px;}
 #Top_bar .menu > li ul { margin-top: 0;}
}

yellowduckmktg · January 2016

Adding that code makes the dropdowns disappear for me now (using Chrome on a Mac).

I adjusted the code to this, which works for me, but I'm still not confident that works all the time in IE.

@media only screen and (min-width: 1240px){
 #Top_bar .menu > li > a { padding-bottom: 20px;}
 #Top_bar .menu > li ul { margin-top: 0;}
}

Albert · January 2016

Really? Where did you pasted this code? Because we do not see it anywhere on your site.

yellowduckmktg · January 2016

At the very top of the stylesheet. No worries. I resolved it on my own. It worked when I updated the code to this:

@media only screen and (min-width: 1240px){

#Top_bar .menu > li > a { padding-bottom: 0px;}

#Top_bar .menu > li ul { margin-top: 0;}

}

#Top_bar .menu > li > a {

height: 65px;

}

Albert · January 2016

Ok, thanks for the info. We are happy to hear that you solved it finally

Menu Dropdowns Disappear in IE

Comments