For a website I'm working on with Elementor, the CSS it generates looks like this:
.elementor-3440 .elementor-element.elementor-element-8fae002 .elementskit-navbar-nav > li.current-menu-item > a {
color: var( --e-global-color-accent );
}
However, when the URL link includes
href="https://example.com/#menu"the CSS mentioned above is not generated. This issue is causing a design problem for me because I need to use absolute URLs for links due to adding new pages to the website since it was originally a single page site.
I've tried removing this CSS using jQuery but it hasn't been successful:
$(".elementor-3440 .elementor-element.elementor-element-8fae002 .elementskit-navbar-nav > li.current-menu-item > a").css('color','');
My goal is simply to remove this CSS using jQuery:
.elementor-3440 .elementor-element.elementor-element-8fae002 .elementskit-navbar-nav > li.current-menu-item > a {
color: var( --e-global-color-accent );
}