Weird drop-down problem (7 posts)

  1. melissa@momodigitaldesign.com
    Posted 3 years 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.]

  2. techonda
    Posted 3 years ago #

    Which browser you are using ? Try switching them

  3. wpismypuppet
    Posted 3 years 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?

  4. melissa@momodigitaldesign.com
    Posted 3 years 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!!!

  5. Andrew Nevins
    Forum moderator
    Posted 3 years 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.

  6. Mark Ratledge
    Forum Moderator
    Posted 3 years 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.

  7. melissa@momodigitaldesign.com
    Posted 3 years 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.


Topic Closed

This topic has been closed to new replies.

About this Topic

  • RSS feed for this topic
  • Started 3 years ago by melissa@momodigitaldesign.com
  • Latest reply from melissa@momodigitaldesign.com
  • This topic is not resolved
  • WordPress version: 3.4.2