How to get submenu highligthed when selected in submenu?

I have a submenu, and when selecting an item I would like that submenu item to be active (so that the visitor recognize himself).

Possible to do?

Hi,
it should help:

Code: Select all

.gkMenu > ul li div.childcontent li.active a { color: red; }

I tested on my private project 2 days ago.

Hi,
it should help:

Code: Select all

.gkMenu > ul li div.childcontent li.active a { color: red; }

I tested on my private project 2 days ago.

Hmm, this one is not working (placed it in override.css). Any other ideas?

It should be, worked on my website. I have exactly this same template and J! version.
This active subitem was highlight with red color.

You can try to add also inside

outline:1px solid red;

to check this option.

Show me your URL.

It should be, worked on my website. I have exactly this same template and J! version.
This active subitem was highlight with red color.

You can try to add also inside

outline:1px solid red;

to check this option.

Show me your URL.

Still not working. I will send you a PM with the link (as it is not live yet)

You forgot to tell me that you are using left menu, not 'top' default one
and you are asking about it

This was maybe for you small different but very important for class decision,
so try this:

Code: Select all

.box .menu li li.current a {
    color: red;
}

p.s.
You can delete this

Code: Select all

#gkSidebar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.79);
}

from override.css !

p.s.
You can delete this

Code: Select all

#gkSidebar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.79);
}

from override.css !

Thank you Pavel for your support and explanation. I got it working now. However .... the highlight feature only works for child nodes, not the top nodes. Can you give it a last glance please?

Sure check this out:

Code: Select all

.box ul.menu > li.active > a {
    color: blue;
}

Sure check this out:

Code: Select all

.box ul.menu > li.active > a {
    color: blue;
}

We are getting closer and closer

Now all works but .... when clicking on a different heading the blue color will not work.
It seems only to work when you have child nodes. How to get it working if you do NOT have child nodes?

Brr... please use Firbug tool.

Hi,

Good topic! I added

#gkMainMenu .gkMenu > ul li div.childcontent li.active a { color: #ffffff; } to menu.css and the highlights are working for every submenu item...

Any Ideas how I can fix this?

Schermafbeelding 2014-10-16 om 17.41.56.png

link: ess(dot)mountainsolutions(dot)ch

Check: https://www.gavick.com/forums/m-social/ ... 52#p200752