[Eros]

I’ve the main top nav menu.

if i press any items of the nav menu the “selected” is the same as other elememts…

even if in the main css at row 467:
.nav-menu ul li a.selected {
color: #C9B69B;
}

if u look with devtools there’s no .selected class in “active” a…
So nothing happens…

Can u fix this ASAP?
please?

[serkan]

Hi,
You can use this custom css code;

.nav-menu ul li a:visited { color: #C9B69B; }

Thanks

[Eros]

Serkan,
i really appreciate your effort and your presence here
but
the code you provide is not the solution ;)

I want the top menu to highlight the section in which it is located, corresponding to the page you are viewing …
So if you’ve pressed on blog only that word, in the top menu, changes color. If you click on about changes only about.

The code you supplied highlights all the links you have visited and only serves to change the menu color: P

I’m not asking for an additional function, I just wish the template would work normally, also because as I wrote in the previous message, this function is in the css but it doesn’t work.

I hope I made myself better understood.
Thanks again.

[serkan]

Hi,
Could you have a look at this code, please?

/* Highlight using list element */
li.current_page_item{
    background:#f00;
    color:#fff;
}
 
/* Highlight using link element */
li.current_page_item a{
    text-decoration:underline;
    background:#ffdbdb; }

Thanks

[Eros]

This 2 works ;)
but in the first code the property color don’t changes…
even if i mod the second lke this:

li.current_page_item a{
text-decoration:underline;
color:#C9B69B; }

color is always #333, taken from here:

.nav-menu ul li, .nav-menu ul li a {
color: #333;
}

but is a good start point, thanks!

[serkan]

Hi,
You can add important class.

li.current_page_item a{
text-decoration:underline !important; color:#C9B69B !important; }

Thanks