Highlight Active Section + Smooth Scrolling

Hello,

I just saw your reply on the other post.

This is a support forum for “Page scroll to id” plugin. You don’t use “Page scroll to id” so I can’t provide any support for your theme or other plugins.

If you wish to install/activate and use “Page scroll to id” I’d be happy to help (“Page scroll to id” supports links highlighting and changing smooth scrolling duration).

Hello Malihu,

Sorry didn’t realize that this was specific for that plugin.

However since you tough me about that plugin, I’ve already installed it. Need help to set it up, since I’ve tested and just activating it didn’t recognised my links and did not activated smooth scrolling and sections highlight

Many Thanks

Go to “Page scroll to id” settings and enable “Prevent other scripts from handling plugin’s links” option.

Click save changes, test and let me know

Hello Malihu,

Just did it, thanks.

Smooth scrolling is working fine. The menu highlighted is not.
The menu is showing are highlighted (all menu links). And I want just to highlight the current section the user is seeing (and to be dinamic, to update while the user is scrolling down).

Many thanks
Nuno

The highlighting you see comes from your theme. You need to use plugin’s highlight classes and reset the theme’s highlight. To do this, add the following CSS:

.elementor-1471 .elementor-element.elementor-element-4e65646b .elementskit-navbar-nav > li.current-menu-item > a._mPS2id-h {
    color: #fff;
}

.elementor-1471 .elementor-element.elementor-element-4e65646b .elementskit-navbar-nav > li.current-menu-item > a.mPS2id-highlight {
    color: #E300C9;
}

You probably also need to check the option to keep the current link highlighted. In “Page scroll to id” settings, enable “Keep the current element highlighted until the next one comes into view” option.

Thanks Malihu!

Its working, But just needs a small tuning that I cannot solve and i’m sure you can help.

The Menu’s 2nd element “O QUE FAZEMOS” is not kept highlighted until the next element. All the sections are working great, but this one is the only one that is not hilighting properly, it’s inconsistent.

Thanks

Try this:

Go to plugin settings and set the “Highlight selector(s)” option value to:

#main-menu .menu-item a

Save changes and test.

Thanks Malihu! All sorted!

Thanks a lot for your effort and support.

Thank you very much

You’re welcome! Glad I helped ??