Header menu active state for pages

Support
#1

Hi!

Could I please get the code (or workaround) to have my menu items in the header stay in the active state once clicked so that they stay that way until you click to another page.

Thank you!

#2

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

li.current-menu-item a {
    border-color: hsla(0,75%,18%,0.63) !important;
    background-color: hsla(0,3%,95%,0.81);
}
li.current-menu-item .x-anchor-text-primary {
    color: hsl(0,0%,8%) !important;
}
1 Like
#3

That works great! Thank you so much!

#4

You’re welcome.