[resolved] Menu CSS - Missing something for superfish? (4 posts)

  1. Nile Flores
    Yoast Support
    Posted 5 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)

  2. lockettpots
    Posted 5 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


  3. Nile Flores
    Yoast Support
    Posted 5 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.

  4. samirtuladhar
    Posted 5 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.

Topic Closed

This topic has been closed to new replies.

About this Topic