[Resolved] Bug? #anchor menu item stays on screen after clicked

[Matthias]

Hello, GeneratePress team! I have the following problem on http://ham.2sinn.com/zimmer:

When clicking the “Konferenzräume” nav menu option on that page (which is linked to an anchor), it remains stuck there until one clicks again elsewhere on the page.

Is there a way to make it disappear when the mouse no longer hovers over it? I know HTML and CSS and I’m willing to use it 😉

Screenshot: https://pasteboard.co/IILrv2n.png
Animated GIF: https://gph.is/g/EqRY6BR

Using GeneratePress theme 2.4.1 and GP Premium 1.9.1. Disabling other plugins does not seem to solve the issue.

[Tom]

Hi there,

How are you achieving the smooth scroll right now? I believe our built-in smooth scroll option has this fixed.

Let me know 🙂

[Matthias]

I’m not using any particular smooth scrolling plugin or code. I would wager that yes, it’s the feature that comes GP, unless Beaver Builder also implements smooth scrolling with code of its own?

Do your suppose it’s the smooth scroll that causes that menu option to not disappear when the user stops hovering the mouse over it?

[Tom]

When you click a menu item, it applies focus, which is why the menu is keyboard accessible.

Once the scrolling is done, that focus needs to be removed, which our smooth scroll feature does automatically.

You can give it a shot, but I’m not sure if it will conflict with the smooth scrolling you already have: https://docs.generatepress.com/article/smooth-scroll/

[Matthias]

Hey, that works! Awesome! Thanks, Tom 🙂

http://ham.2sinn.com/zimmer/

I also did a bit of digging and you were right, the smooth scrolling that was already happening came from Beaver Builder.

[Tom]

Awesome, glad it fixed it! 🙂

[Author]

Posts