highlight submenu?

[iizzoo 0]

When using the secondary navigation on my Platform Pro site, the page indication (highlights) in the menus disappear. How can I change this? There is no problem with this in de primary navigation? (www.iizzoo.nl)

[catrina 103]

Are you referring to the background highlights when the secondary menu items are moused over? If so, that is fixable with CSS.

[iizzoo 0]

Thanks Catrina, but actually I was referring to the little coloured box behind the pagename in the menu. It indicates on which page your are. In de primary navbar is works just fine, but it doesn't work in the secondary navbar. On my site for example you can see in the menubar you are on 'denkbeelding', but you cannot see whether you are on page 'fotografie', 'tekst' or 'klanten'. (www.iizzoo.nl) Using the secondary navbar, at the same time the indication in de primary navbar disappears.

[cmunns 16]

CSS may have accidentally gotten stripped out in the update for the subnav. Add this css with the correct hexidecimal color code you want. `.secondnav_menu .current-menu-item {background:xxx;}`

[iizzoo 0]

I will try it. Where exactly do I have the css code (which file)? Or is it worth trying (maybe easier) just to make another update. Thanks again.

[Kate 3]

Hi Guido, You can add Adam's code in "Settings->Custom Code".

[iizzoo 0]

Thanks again. Unfortunately it made no difference. As soon as I click on a second menu page, the page indications (colours behind the primary and second menu) still disappear. I can live with it, but would be much happier if it worked. Maybe you have another suggestion? Sorry again it didn't work out. By the way: I didn't forget to fill in a hex colour code.

[historicshed 0]

I was just working on the same problem. This solved it #secondnav .current-menu-item { background: #xxx; }

[catrina 103]

Guido, try Jo-Anne's solution and let us know if it works out for you.

[iizzoo 0]

Thanks Jo_Anne for your suggestion. However, it didn't work. The highlighting on mouse-over is doing fine, but as soon as the mouse cursor is gone, there is no colour behind the primary and secondary menu item any more. So, the menu doesn't indicate on which page you are. You can see on my site what I mean, if you would like to. www.iizzoo.nl. Click on 'denkbeelding' and after that on 'tekst', for example.

[kastelic 6]

Guido, if you could post here exactly what you have in your Custom CSS we can tell you whats wrong.

[iizzoo 0]

Hi, this one rule is now in mijn custom css ('css rules'): #secondnav .current-menu-item {background:#d1bed0;} I also tried the suggestion of Cmunns. Hope you can tell me what to do next. Thanks again!

[catrina 103]

Try this instead:

#secondnav_menu ul .current-menu-item {background: #d1bed0;}

[iizzoo 0]

Hi Catrina, unfortunately made no difference...

[catrina 103]

Try adding it the base.css file instead of the Custom CSS area.

[iizzoo 0]

Tried it, still no difference, but surely my syntaxis could be wrong. Put it in this way in the base.css of the base theme: /* @ CSS corresponding to the hook used in functions.php; adds a stumbleupon icon to branding section */ .icons .stumbleupon {background: url('../platformpro/images/sprite-socialicons.png') no-repeat -176px 0;} .icons .stumbleupon:hover {background: url('../platformpro/images/sprite-socialicons.png') no-repeat -176px -22px;} #secondnav_menu ul .current-menu-item {background: #d1bed0;} /* @ Pullquote Section */ #pullquote.copy{ background: #f7f7f7 url(images/pullquote.png) no-repeat 15px 15px; padding: 15px 20px 15px 45px; margin-bottom: 1.5em; } #pullquote .thepullquote{font-size: 1.5em;margin-bottom: 5px;line-height: 1.3em;} #pullquote .thecitation{color: #AAA; font-style: italic;padding-left: 15px;}

[Kate 3]

Hi Guido, When you click through, double check what the class of the list item you want selected has changed to. I believe it's "current-page-ancestor", or something like that... can't remember off the top of my head :-) But, you can use that in addition to the "current-page-item" code you have.

[iizzoo 0]

Sorry Kate, but I am just not a expert on this, I am afraid. Can you be a little bit more specific, please, because your advice looks like a very very exotic language to me. What do I have to check, and how can I do this? If you think it's just to difficult for me, let me know. In that case I will try to find someone to help me overhere.

[timlinson 3]

Hey Guido, she's referring to the Firebug addon. It comes with an inspector functionality on it that makes css customizations a lot easier Here's a quick video tutorial to get you started: http://www.pagelines.com/docs/customization-tips

[iizzoo 0]

Hi, part of the problem is solved. I discovered that, besides building the menu structure the new way on each page with the Platform theme (General Page Setup, latest version Platform), it still is necessary to point out in Wordpress wether of not a page is a child. After I also took care of the menu structure in this way (like I was used to), things worked out better: the primary menu stays highlighted when working in the secondary menu. That's okay. The only minor thing now is the indication in the secondary menu. I will try some of your suggestions (see above) in css again. Maybe now they work as expected. Keep you posted...

[Kate 3]

Hey Guido, Yes, please let us know if you get it solved.