[Resolved] Page scroll to id to highlight current element on sticky nav

[Jamal]

That gave same result as fullscreen-enabled, so i will have to put aside the full page design for now. Thanks Tom !

[Tom]

No problem – full height sections is an interesting idea, I’ll see if I can come up with a core solution 🙂

[David]

Thanks for the snippet Tom. Exactly what I was looking for.

Cheers!

[Tom]

No problem! 🙂

[Inga]

Hi there,

same problem in 2019. I tried it with the JS snippet but it doesn’t work: when I click on a link in the main menu, it is still not highlighted in the sticky menu.
I don’t know JavaScript very well, I changed the css-selector to my menu-id but maybe I have to modify something else? Please help.

Thanks!

[Tom]

Perhaps a plugin like this is worth trying?: https://wordpress.org/plugins/page-scroll-to-id/

[Inga]

Hi Tom, I am already using this plugin. I tried to do everything as described in Lyles Tutorial, but it seems to be outdated. Any suggestions?

Ok sorry, it was simple CSS specificity… problem solved. Thanks anyway.

[Author]

Posts