Archived topic

Drop down menu functionality

7 replies · Started by Paul on May 31, 2018

Viewing posts 1–8 of 8

May 31, 2018 at 9:13 am #588904

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.

May 31, 2018 at 9:27 am #588913

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;
    }
}

May 31, 2018 at 1:54 pm #589085

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?

May 31, 2018 at 2:36 pm #589113

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

May 31, 2018 at 3:55 pm #589144

Ok I'll look at that, thanks.

May 31, 2018 at 4:50 pm #589172

No problem!

January 12, 2020 at 8:59 am #1129804

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?

January 12, 2020 at 1:43 pm #1129947

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

Thanks :)

This archived topic is closed to new replies.

Start building better websites today.