[Resolved] Drop down menu functionality

[Paul]

I have a parent link which is custom, url #, just to create a drop down for other items. The menu displays on hover but disappears when you move the cursor down. The only way to select a drop down item is to click the parent link then move down. But you also have to click somewhere else on the page to hide the drop down and navigate away from it.

Deactivate all plugins, problem persists. Can you advise please?

Thanks,
Paul.

[Leo]

Hi Paul,

It’s causing by this CSS in your child theme:

@media (min-width: 1025px) {
    .main-navigation, .main-navigation ul ul {
        margin-top: 20px;
    }
}

[Paul]

I see. What would you recommend for centering the navigation vertically in the header when the uploaded logo causes the menu to be closer to the top of the header than the bottom?

[Leo]

Setting the menu item height to the same height as your logo image should work.

You also have quite a bit of excess padding on your logo image which can be reduced:
https://style960.com/smb/wp-content/uploads/WordPress-logotype-standard-white.png

[Paul]

Ok I’ll look at that, thanks.

[Leo]

No problem!

[Cesar]

Hello there! =)
I’m having a similar issue.
My site have some hook links with dropdown menu.
When I hover it, the dropdown appears and when the cursor is out, it disappear. No problem with that.
But when I click the link to go to the hook section, the dropdown menu appears and it don’t disappear unless I click somewhere else on the screen.
There’s a way to make dropdown auto close if the cursor goes out of it after a few seconds?

[Leo]

Any chance you can open a new topic and link me to the site in question?

Thanks 🙂

[Author]

Posts