problem with top menu on hover

  • Resolved hamutalwz

    (@hamutalwz)


    11 years, 2 months ago

    Hi,
    It seems I cannot reach the second (and below) menu entries from the top menu.
    When I hover over a menu entry with sub-menus, I can scroll down the menu and select only the first entry. when I scroll further down the menu, it disappears therefore, I cannot select items in this menu, below the first entry.
    this happens on every page in my site, except for the homepage. there it seems to work fine.
    here’s a link to one of the inner pages in my site: https://www.private.fsh.co.il/about/
    what’s wrong?
    thank you.

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The stuff in ‘<div id="main">‘ is overlapping the menu.

    Use z-index:

    #masthead {
 z-index: 1;
}

    Thread Starter hamutalwz

    (@hamutalwz)

    not sure why this is but I’ve added the z-index: 1; to the #masthead and it did not solve the problem.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Looks like you also need to get rid of the z-index: 10 on your article elements.

    .single .hentry,
.error404 .hentry,
.page .hentry,
.search-no-results .no-results {
 z-index: auto;
}

    Thread Starter hamutalwz

    (@hamutalwz)

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘problem with top menu on hover’ is closed to new replies.

Tags