Hello community, I am creating a personal header in SP Page Builder module. On of the items is a menu bar. I tried to ise the great navigation add-on. To follow company standards I adjusted the CSS to create specific mark up. However I can't get the active page highlited in the navigation bar. So i mean , if you have ex Home - About- info... You are on the info page, then that value should be highligted in the navigation bar. This is my CSS I tried in custom.css and in style tab of the navigation options. I placed the problem in bold. Also all the code which I tried and failled so far.

www.tandheelkunde.ugent.be

a { font-size: 20px; font-family: "PannoTextMedium",Arial,sans-serif; color: #1e64c8; padding-top: 10px; padding-bottom: 10px; line-height:17px; transition:none;

}

a:hover { text-decoration: underline !important; text-decoration-thickness: 0.1em; text-underline-offset: 0.25em; } &.active > a { text-decoration: underline !important; text-decoration-thickness: 0.1em; text-underline-offset: 0.25em; } a: active li a: active .active .active > li a a:hover a:active

non of them lets the active page get underlined? What could I be doing wrong?

Thx a lot