Support » Fixing WordPress » Navigational Menu Not Displaying Drop Down Menus

  • Resolved wrcdwise

    (@wrcdwise)


    I’ve been working on a new website for my company at http://www.wrc.org/wordpress. There is something wrong with the navigational menu. When I have 7 buttons displayed in my menu, it is wrapping into two rows. The top rows dropdown menus do not work correctly then. As soon as you try to click on them, they disappear. If I only use 5 menu buttons so they all display on 1 row, there is no problem. But I need the other 3. Anyone know how to fix this?

Viewing 14 replies - 1 through 14 (of 14 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you link to a webpage with the problem?

    Thread Starter wrcdwise

    (@wrcdwise)

    Sorry I re-added the other three pages to the menu. It displays fine in Firefox and Chrome, but some people who look at it, even on the same version of Internet Explorer see it like I described. With the dropdown menus unable to be clicked on.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In which version of Internet Explorer does the issue occur?

    Thread Starter wrcdwise

    (@wrcdwise)

    That’s the really strange thing. We tested it on 7 different computers today. 4 were using IE10 – 2 of them displayed without a problem, 2 of them looked as I described above. 2 were using IE 9 – 1 could see it fine, the other not. 1 was using IE8 – it was messed up. There doesn’t seem to be any rhyme or reason to it.

    But when I reduce the number of pages showing in the menu, the problem goes away. The menu then displays uniformly in Firefox, Chrome and various version of IE. Any ideas?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Websites don’t automatically work in every browser.
    Internet Explorer reads widths differently to Chrome and Firefox.

    Unless the website has been coded for particular versions of IE, don’t be surprised if you find problems.

    I’ll have a look now.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I found the issue in IE 7.0 and the solution.

    Do you have a section in the dashboard named, “Custom CSS”, “Custom Styles” or “Jetpack”?

    Thread Starter wrcdwise

    (@wrcdwise)

    Yes, in the Theme Options, there is a box you can put in Custom Css

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In that, enter this;

    #navi {
     *clear: left;
     *width: 100%;
     *float: none;
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    That should solve your 2 line problem, but looks like there are other issues when you hover on the menu.

    Thread Starter wrcdwise

    (@wrcdwise)

    YES it did. Thank you so much!!!!! I see what you’re saying about the menu still having issues though. Any ideas on that?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    This should resolve the issue of the sub-sub menu being too far to the right;

    #nav li ul ul {
     *margin-left: 0;
     *left: 12em;
    }

    Thread Starter wrcdwise

    (@wrcdwise)

    Thank you so so so so much!!!! I have been messing with this all day long. I greatly appreciate your help. Seems to be working now!!!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    And this should clear up any other issues;

    #nav li ul {
     *top: 40px;
    }

    Thread Starter wrcdwise

    (@wrcdwise)

    Thank you! Everybody is reporting it looks good now. I greatly appreciate your help!

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Navigational Menu Not Displaying Drop Down Menus’ is closed to new replies.