Highlight Active Section + Smooth Scrolling

Resolved nunogouveiasousa
(@nunogouveiasousa)

5 years, 1 month ago

Hello All,

I’ve a question you can sure easily help me.

At my website, I’ve to issues:

2 – in the menu all the items are highlighted. I would like to have them in white and just have coloured the activated section, i.e., the section in which the user is looking at.

3 – How can I activate smooth scrolling? It is going tooooo fast.

Many thanks
Nuno

The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)

Plugin Author malihu
(@malihu)

5 years, 1 month ago

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).

Thread Starter nunogouveiasousa
(@nunogouveiasousa)

5 years, 1 month ago

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

Plugin Author malihu
(@malihu)

5 years, 1 month ago

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

Thread Starter nunogouveiasousa
(@nunogouveiasousa)

5 years, 1 month ago

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
Plugin Author malihu
(@malihu)

5 years, 1 month ago
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.
Thread Starter nunogouveiasousa
(@nunogouveiasousa)

5 years, 1 month ago

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

Plugin Author malihu
(@malihu)

5 years, 1 month ago

Try this:

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

#main-menu .menu-item a

Save changes and test.

Thread Starter nunogouveiasousa
(@nunogouveiasousa)

5 years, 1 month ago

Thanks Malihu! All sorted!

Thanks a lot for your effort and support.

Thank you very much

Plugin Author malihu
(@malihu)

5 years, 1 month ago

You’re welcome! Glad I helped 🙂

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Highlight Active Section + Smooth Scrolling’ is closed to new replies.

Tags