[Twenty Eleven] 2nd level nav menu not working

  • Hello,
    On the main top nav bar, I created two sub pages from the parent Gallery page. The sub menu pages appear when hovered over; however, I’m unable to click on them as they disapear when I move the curser over a sub page. I created the subpages from Appearance/Menus.

    Sub pages:
    Lost Collection and Emily’s Trees Collection

    https://www.khartist.com/

    Thanks,
    Karen

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Your sub-menu is separated visually from the main navigation, with a gap of about 2 pixels. This is causing the issue.

    You need to move your sub-menu further vertically.

    possibly caused by your smaller font size for the menu links;

    add for instance this to style.css in your child theme:

    #access ul ul { top: 3.05em; }

    Thread Starter khartist

    (@khartist)

    Tried adding the #access ul ul to my child theme with no luck.

    How do I move the sub-menu vertically?

    K

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Alcymyth’s style and selectors are not at fault.

    Where are you adding this CSS?

    Thread Starter khartist

    (@khartist)

    It’s working now! I moved the code up into the menu #access section of the child theme. Thanks. Karen

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Twenty Eleven] 2nd level nav menu not working’ is closed to new replies.