Search code examples
csssubmenu

Submenu drops one line lower than it should

Hi guys and Happy New Year!

I am having some trouble with the CSS of the navigation menu submenu items on my WordPress website.

Issue illustrated in the screenshot

As you can see in the screenshot, the sub-submenu is displayed one line further down than it should be, making it nearly impossible for the user to use it.

The website is live on here and I'm struggling to find what is wrong with the CSS. Everything seems fine.

Can anyone help me out? What should I add/change to ensure that the 3rd level menu items appear in the correct place?

Thank you very much in advance for your help and time!

Solution

  • The following code solved it:

    @media (min-width: 768px) {
.menu>li.menu-item-has-children ul li > ul {
    top: -1px !important;
    }
}