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