[Resolved] Remove navigation on all child categories of a parent page

[Joey]

I have a website that has two parts, a magazine (https://simipress.com/home/) and a small press (https://simipress.com/books/) I want to disable the primary navigation on the small press and all its child pages.

I know I can remove the navigation bar from different pages using this code:

body:not(.page-id-10) .main-navigation {
    display:none;
}

Is there a way I can apply it to all child categories of /books without having to type in each individual page ID?

If not, I have a workaround by doing with page headers, but it’s more work. I originally just excluded the header in the page editor, which is easy, but when I exclude primary navigation that way it also excludes my off canvas panel on mobile, which I can’t do. Just thought I would ask. Thank you.

[David]

Hi there,

if they are child pages, then you should see a body class telling you the parent.

Example:

Books = page-id-10
Authors = parent-pageid-10

[Joey]

parent-pageid was the trick. I asked wrong, instead of doing with exceptions I should have asked how to remove the navigation on every page directly, but same idea. It worked for me like this, in case anyone else is trying to figure it out:

.page-id-10 .main-navigation,
.parent-pageid-10 .main-navigation {
    display:none;
}

Thank you for all your help.

[David]

Glad to be of help – and thanks for sharing your solution.

[Author]

Posts