Menu CSS – Missing something for superfish?

  • Resolved Nile Flores

    (@blondishnet)


    13 years ago

    Site is: http://hltc.ie/

    If you hover over the menu and try to click on the child pages, it seems a bit buggy. In fact, you end up not being able to select or even hover.

    I think I am missing something in the CSS. Any thoughts?

    (yes, I am using WP 3.0+ menus)

Viewing 3 replies - 1 through 3 (of 3 total)
  • lockettpots

    (@lockettpots)

    13 years ago

    I think the problem lies in your css.

    #menu-top-menu li ul {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #A427F3;
    border-color: #A427F3;
    border-style: solid;
    border-width: 1px 1px 0;
    left: -999em;
    margin-left: -10px;
    margin-top: 5px;// This is the culprit!!!!!
    position: absolute;
    width: 200px;
    z-index: 2;
}

    The 5px margin top lets the curser ‘slip off’ the top menu. If you remove this you should find everything is OK

    Hope this helps

    John

    Thread Starter Nile Flores

    (@blondishnet)

    13 years ago

    I think that worked a bit. However, somehow as I noticed, in IE7+ the menu goes behind the slider.

    Any ideas?

    Thank you for the help on the cursor issue.

    samirtuladhar

    (@samirtuladhar)

    13 years ago

    I think you have already solved your issue. z-index:100; in CSS is solution for this issue. z-index of menu should be higher than banner.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu CSS – Missing something for superfish?’ is closed to new replies.

Tags