sub menu not clickable when overlapping blog image

  • Hello,

    I have sub menu entries (like 5) below the second item of my main menu.
    When I go to the blog page and hover on my second main item, the sub menu entries pop out underneath just fine.
    Some of the lower sub menu entries overlap with the first blog article here, more specifically with the image thumbnail of it.

    So whenever I try to click on a sub menu item overlapping the blog entry and its image, the sub menu disappears and simply is not clickable! All sub menu items ABOVE the blog entry (not overlapping) are clickable.

    It also works fine on other pages than the blog.

    Is there something wrong with the focus of the elements? Giving the sub menu a CSS with a high z-index does NOT solve it, unfortunately. (As soon as the overlap with the blog image was avoided, it was working on the blog page again… but of course, I want to be free with my main menu positions).

    It didn’t happen in customify v0.2.9 but now in v0.3.3

    Go to my test page (see link)
    …and hover on second entry “TESTSEITE” – lower sub entries are not clickable.

    Thanks for help.

    Kind regards,
    Anja

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    Please try to use this custom CSS code in Appearance -> Customize -> Additional CSS to fix this problem

    
.site-header {
    z-index: 99;
}

    Regards.

    Thread Starter anjat2

    (@anjat2)

    YES, seems to be working!!

    Will you implement this automatically again in the next version of Customify?
    Would make sense to me because it seems rather like a bug….

    THANKS & regards
    Anja

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘sub menu not clickable when overlapping blog image’ is closed to new replies.