I have the menu functioning how I want it on parent (1st level) and child pages (2nd level), except when the child has children (3rd level). When I am on a 2nd level page which has children or on a 3rd level page I want it to only display the menu which has the related 2nd level and its related children (3rd level). In addition to this I want a link that says, “Return to [Top Level Parent Page]”. You will see on my example page when you select “Meet Our Staff”, it has children so the menu should display “Meet Our Staff” and its children and a link to return to “Our School”. How do I configure this?
Also, I want to remove the outside border (left, right, top bottom borer) from the very edges of the whole menu.
I don’t want the 2nd level items indented
Can you please help?
OnPoint Plugins1 year and 4 months ago
Good Morning Chris,
1.A. To customize the menu to display only the 2nd level item and it’s children when on a child page with children or a grandchild page, you may add the following filter to your active theme’s functions.php file.
1.B To add a custom “Return to <title>” link which points to the true top level parent, you may add the following filters to your active theme’s functions.php file.
Note: This will add the custom link at the beginning of the menu. Adding the link to the end of the menu would require a more complicated template override.
2. It looks you you’ve already figured this out, but for reference you may remove the borders by adding the following custom CSS.
3. You may remove the indenting by adding the following custom CSS.
Have a great day!