[Resolved] Auto close dropdown menu after click

[Cesar]

Hello!
New topic opened. 😉
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?

[Tom]

Hi there,

This is happening because the menu item is in focus. It’s the same thing that makes it so the dropdown appears if someone tabs through your menu (needed for accessibility).

Our built-in smooth scroll option removes focus once the scrolling is done to prevent this issue. If you’re not able to use our smooth scroll option, can you link me to the smooth scroll plugin you’re using?

[Cesar]

Hello Tom!
Thank you for answering! Glad to talk to you. =)
I was using Page scroll to id plugin, but I`d deactivated the plugin and the issue persists…
I build it using Elementor and I`m using hook element from it.
It’s no problem for me to use GP`s smooth scroll…
How can I check if I`m using it, once Page scroll to id plugin was uninstalled?

[Leo]

You will need to add a class to the menu item as per the instructions here:
https://docs.generatepress.com/article/smooth-scroll/

Let me know 🙂

[Cesar]

PERFECT!
Thanks again! 🙂

[Leo]

No problem 🙂

[Author]

Posts