Child page menu - hover over displays but disappears before you can click (2 posts)

  1. almondrock
    Posted 2 years ago #

    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:
    background: transparent;

    border-bottom:3px solid #ecb30e;

    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?

  2. VeVas
    Posted 2 years ago #

    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;


    top: 35px;

Topic Closed

This topic has been closed to new replies.

About this Topic