WordPress.org

Support

Support » How-To and Troubleshooting » Child page menu – hover over displays but disappears before you can click

Child page menu – hover over displays but disappears before you can click

  • When I’m accessing my site http://almondrock.co.uk/ in chrome I hover over my parent page “Pattern Reviews” but when I try and move my mouse down to one of the child pages the list disappears before I can click on it.
    It’s working fine on IE. I’m using a child of twentyeleven and as you see I’ve made some nav bar amendments:
    #access{
    background: transparent;

    border-bottom:3px solid #ecb30e;

    text-align:center;
    text-transform: uppercase;
    width: auto px;
    box-shadow: none;

    }

    /*—————————*/
    #access { float: center;
    }
    #access { width: auto px;
    height: 40px

    }

    #access { text-align:center; }

    #access ul { display:inline-block; }

    #access div { margin: 0 0; }

    #access a {
    height: 35px;
    font-size: 14px;
    font-style: italic;
    color: black;
    }

    Do I need a chrome specific piece of code? I can’t see how this could have been altered?

Viewing 1 replies (of 1 total)
  • There is a gap between the menu-item and the submenu. This makes your submenu disapear when you move your mouse down. There are many ways to close this gap, and you need to find out what suits your page best but heres one:

    At style.css around line 584, change;
    #acssess ul ul {
    top:3.3333 em;

    to;

    top: 35px;

Viewing 1 replies (of 1 total)
  • The topic ‘Child page menu – hover over displays but disappears before you can click’ is closed to new replies.
Skip to toolbar