Topnav active menu

Hi.

I'm using the topnav menu just like in the screenshot.

My problem is that when I click on a menu item the "active" css property does not work. I want for example when the menu item is active, the color to turn into red (like the example in attached image which is done in photoshop to show what I want)
I have checked the css and although the code for hover, active, focus is there it only works for hover.

This is really important as the visitor does not know which menu item is active.

Thank you

music.jpg

Hi
Can you give us url to your site?

Yes sure. Just sent you a PM.

Thank you.

Can you please confirm you got my PM (because I can't see it in sent items) and you are going to look into it?

Thank you in advance

I didn't recieve any PM from you.

Then there is a problem with pm system because I pmed you twice.

Anyway I don't think you need a link to the site I develop. Just look at the music demo. The problem is there too. I

Now I've got your message.
Try add this code to override.css

Code: Select all

#gkMainMenu > div > ul > li.active > a {
    color: #ffffff !important;
    font-weight: bold !important;
}


of course change your color value for font and remember to enable override.css option in template settings.

Thanks for your answer but I think you didn't understand what I want.

I want gkTopNav (it's the horizontal menu under main menu) and not gkMainMenu.

Anyway, I tried your code changing gkMainMenu to gkTopNav but still doesn't work.

I have enabled override css and I have pasted the code in override.css

Thanks.

Yes. I thought about top one. Please try add this

Code: Select all

#gkTopNav li.active a {
color: #93BC46 !important;
}


That worked!

Thank's a lot

Great