[Michaela]

Hi,
I have a multilevel hierarchy on my page. For example, one of my menu items is parent to 2 more levels:
– equipment
– water equipment
– motorized water equipment
My aim is to make the structure more clear to the visitor.

Now the question: when I’m on the page “motorized water equipment”, I would like to have the menu item “equipment” highlighted in a different color than the other menu items. And in addition there should be a path shown right underneath the menu, but above the site title “Motorized Water Equipment”. When I click on the path, it should link me to the “water equipment” page. So the look should be similar to this:

Home About Equipment Contact
> Water Equipment
Motorized Water Equipment

Is there an option how I can get this done?
Thanks a lot for your help!

[Sakin]

@Micha: You can show path underneath the menu by adding in “Breadcrumb NavXT” plugin.

Sorry about your menu highlight I am bit confused. We do have active menu highlighted even in the sub menus. Can you explain in reference to your site URL?

[Michaela]

Hi Sakin,
great, thanks a lot for the tip with Breadcrumb NavXT, it works great.
Interesting to hear that you actually have active menu highlighted in the sub menus. Could you please check the following two pages of mine, as it doesn’t seem to work here:
http://travelintense.com/equipment/camping-gear/
http://travelintense.com/equipment/camping-gear/sleeping-bag
Cheers!

[Sakin]

@Micha: I don’t see the levels of menu in your site. You can see levels of menu in our demo page http://catchthemes.com/demo/catch-everest/. You can create your custom menu from “Appearance => Menus”. For more detail check out http://catchthemes.com/blog/custom-menus-wordpress-themes/

[Michaela]

Hi Sakin,

I only want a very simple menu: home – destinations – equipment – …
If you hover on top of equipment, I do not want to have the subpages (water sports equipment, etc.) showing up.

But when I’m on one of the subpages, I would like to have “equipment” in the menu bar highlighted. Is that possible?

Cheers.

[Sakin]

@Micha: Can you try adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header-menu .menu .current-page-ancestor > a { background-color: #000; }

[Michaela]

There we go! Thanks a lot, it works now.

[Author]

Posts