ACTIVE STATES on menu

[giselach]

Re: CSS issues for active state on menu links
Hello I am trying to create an active state for my menu items, so the user knows at what page they are. I am trying. to write a Css code in:

nav.primary li:active{
text-indent:25% !important;
}

but it doesn't seem to be working,

any help?

[arminunruh]

dont use % for indent

also your selector is wrong
https://developer.mozilla.org/en-US/docs/Web/CSS/:active

read this, as u can see only while the mouse is held down on the button that is when the css is applied for the :active state

also make sure u use the correct selector

you will need all of these:

nav.laynav .current-menu-item>a,
nav.laynav .current_page_item>a,
nav.laynav .current-menu-parent>a,
nav.laynav .current-menu-ancestor>a{
text-indent:10px !important;
}

also since text indent just moves the text to the right, this css probably only makes sense if your menu is a vertical menu