anchor point - site active

[dingdong]

Hey.
This is my site: https://www.mikeabmaier.com
The Second menu "contact" (bottom, right) is a link to an anchor-point placed in the about-page:
https://www.mikeabmaier.com/about/#sprungmarke
The code on the about page is this:

<p id="sprungmarke"> </p>

It's styled with this css:

#sprungmarke {visibility: hidden; height: 0px !important; position: absolute; margin: -80px;}

It works all fine BUT when i click on "contact", also the about page (link in the menu) is "active" and gets an underline (because "sprungmarke" is on the about page?"
The other way around, when i click on "about", "contact" is also active and gets an underline...
is there a possibility to fix that???

(on mobile the links get yellow, no underline)

[Richard]

Dear @dingdong

I see! what would you like to achieve as the end result?

• At what point would you want the "About" underlined and Contact not.

• Or do you just want that "Contact" never gets underlined, regardless of what is clicked.

---

Talk soon & best wishes 🌝

Richard

[dingdong]

@Richard
the best way would be to underline the link i`ve clicked (if possible).
So if i clicked on contact, only contact should be underlined even if i am on the "about-page"?!

[Richard]

Dear @dingdong

So you would need some jQuery saying "if contact is clicked removeClass current-menu-item from "about".

https://www.w3schools.com/jquery/html_removeclass.asp

https://laytheme.com/documentation.html#custom-javascript

---

Best wishes

Richard