Highlight current menu items (3 separate menus)

[Finlando]

Hi there!

I have 3 horizontal menu bars (red, white and blue). There are separate menus inside. I want the menu items in the 1st and 2nd bar to act like parent items and highlight them (make them current) while I’m on a page from the 3rd menu bar.

Any ideas on how I can achieve this?

Thanks a lot in advance!

[jade]

Hello Finlando,

Please add this code in the Global JS in X > Theme Options > JS:

jQuery('.current-page-ancestor').addClass('current-menu-item');
jQuery('.current-page-ancestor a').addClass('x-always-active');

Hope this helps.

[Finlando]

Hey Jade!

Thanks a lot - it works like a charm!

One more question…

With this solution we have an unusual hierarchy. Is it SEO friendly?

Thanks!

[thai]

Hi There,

It’s more on design and no impact on SEO and should be fine with the SEO friendly

Regards!