Keep parent page active

I have a parent page on my main menu. When you click on that page, you are presented a sidebar with another menu listing of all of its child pages. When you click on one of the child pages, the parent page is no longer active in the top menu.

How do I make both the parent page active on top and the active child page active in my left menu?

Read More

Thanks

Related posts

Leave a Reply

2 comments

  1. The parent page li receives the css classes current_page_parent and current_page_ancestor, style them to be similar to, or add them to the rules for current_page_item or current-menu-item in your theme’s style.css.

  2. above mentioned solution will only work if the child pages are not made with their own template (at least in my case it was like this). The solution i came up with is i kept my child page links in Dashboard > Appearance > Menue in the Menu under their parent menu link and just deactivated / hide the drop down by css (display: none;). Since i have different Page Templates for my Child Pages as the Parent Page i had the same issue. But with the connection in the navi the menu name of the parent page stays active on all child pages. It sounds confusing, but its actually very easy. i hope i made my self clear.. 🙂