two menu items highlighted at once, elementor

Hello,

Is the plugin activated in http://247iptv.eu3.org so I can check what happens?

OK. The highlight you see does not come from “Page scroll to id”. It comes from either your theme or another plugin. That’s why when you had “Page scroll to id” deactivated the highlight issue was still there.

This is what you need to do:

1)The “Highlight selector(s)” option value you set is not correct (there’s no .elementor-7204 element in your page).

In plugin settings change the “Highlight selector(s)” option value to:

#menu-1-e1460a4 .menu-item a

Also, add the following value in “Prevent other scripts from handling plugin’s links selector(s)” option field:

#menu-1-e1460a4 .menu-item a[href*='#']:not([href='#'])

Hit save changes.

2)Add the following CSS to your theme (e.g. in admin > appearance > customize > additional css):

.elementor-112 .elementor-element.elementor-element-e1460a4 .elementor-nav-menu--main .elementor-item.elementor-item-active:not(.mPS2id-highlight), 
.elementor-112 .elementor-element.elementor-element-e1460a4 .elementor-nav-menu--main .elementor-item.highlighted:not(.mPS2id-highlight){
    color: #fff !important;
    fill: #fff !important;
}

.elementor-item.elementor-item-active:not(:hover):not(:focus):not(.mPS2id-highlight):after, 
.elementor-item.elementor-item-active:not(:hover):not(:focus):not(.mPS2id-highlight):before, 
.elementor-item.highlighted:not(:hover):not(:focus):not(.mPS2id-highlight):after, 
.elementor-item.highlighted:not(:hover):not(:focus):not(.mPS2id-highlight):before{
    opacity: 0 !important;
}

This will reset the css rules that are highlighting the link you see now and use “Page scroll to id” highlighting instead.

Test your page and let me know

@partopia1 Awesome! You’re welcome 🙂

You can add your review in plugin reviews:

https://wordpress.org/plugins/page-scroll-to-id/#reviews

Thanks

@partopia1 No problem.

It seems .elementor-112 has changed. Add this to your CSS:

.elementor-3520 .elementor-element.elementor-element-e1460a4 .elementor-nav-menu--main .elementor-item.elementor-item-active:not(.mPS2id-highlight){
	color: #fff !important;
    fill: #fff !important;
}