Weird drop-down problem

  • melissa@momodigitaldesign.com

    (@melissamomodigitaldesigncom)


    11 years, 3 months ago

    I created this wp website for a client http://www.bridgingfreedom.org/
    and have a strange problem. When you go from the home page, hover over “How to Help” and scroll down the dropdown items, the list closes before you can reach the last one. This ONLY happens when navigating from the homepage, not when you navigate there from any other page. Weird!

    Here is my code for the menu, although the problem may not be here. I hope someone can help.
    [Unnecessary code removed, a website link is enough.]

Viewing 6 replies - 1 through 6 (of 6 total)
  • techonda

    (@techonda)

    11 years, 3 months ago

    Which browser you are using ? Try switching them

    wpismypuppet

    (@wordpressismypuppet)

    11 years, 3 months ago

    I tried this in IE7-IE9, Firefox, chrome, opera, safari and I can’t duplicate your problem. The menu works fine in all but IE7… and the problems in IE7 aren’t even close to your original post!!! 🙂 But then again, it’s IE7… what do we expect?

    Thread Starter melissa@momodigitaldesign.com

    (@melissamomodigitaldesigncom)

    11 years, 3 months ago

    wpismypuppet, thanks. Did you go directly from the homepage and hover over the drop-down? Once you click anywhere, it doesn’t work, so it won’t work if you go back to the homepage from somewhere else. It only happens when you first open the browser to the homepage and haven’t clicked anywhere.

    Uh oh- care to share what IE7 was doing? Stupid IE!!!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months ago

    You ought to add something like;

    #menu-main-navigation-menu.primary ul {
 *top: 0;
}

    To your stylesheet, then play about with the top value until it works in IE.

    Mark Ratledge

    (@songdogtech)

    11 years, 3 months ago

    You’re running into IE compatibilty mode problems with your meta line:

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    in header.php. Either IE compatibility mode is broken, so read up on that and use an extra stylesheet just for IE with conditional comments.

    Or that line should be correctly closed, like this,

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    and that will fix the display.

    Thread Starter melissa@momodigitaldesign.com

    (@melissamomodigitaldesigncom)

    11 years, 3 months ago

    I swear I’m not crazy! This problem was occurring in FF, Chrome, Safari and IE8 the other night, and now it’s not doing it. I haven’t changed anything since then. Magic, maybe?

    songdogtech, I’ll check into that. I do have separate stylesheets for IE but I’ll see if there is an issue with the closing of the meta tag you mention.

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Weird drop-down problem’ is closed to new replies.