Hide Navigation bar on specific page

Dear Support,

I’ve tried to delete the Navigation bar on a specific page. But it doesn’t work.

Which CSS code do I have to use?

I’ve tried:

.page-id-340 .header-wrap .col-md-8 {
    display: none;
}

And where can I find my page-id?

Thanks so far.

Kind Regards,
Aron Verhoeven

Hello Aron,

Please provide a link to that page. You can inspect <body> HTML element of that page in order to find a class with page ID.

Kind Regards, Roman.

Dear Roman,

Thanks for your reply.

The link is: http://leden.jouwonlineonderneming.nl/training/.

Kind Regards,

Aron Verhoeven

Hello Aron, thank you for the link.

Please try to use the following CSS code in order to hide (not remove) the header of that page.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

body.page-id-249 header#masthead,
body.page-id-249 div.header-clone {
    display: none;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Dear Roman,

Thanks for your reply!

It’s fixed! I’ve added the code, and the header is not vissible.

Thanks so much. Wsih u a nice day.

Kind Regards,
Aron Verhoeven

Great! You are welcome Aron :slight_smile:

Kind Regards, Roman.