Hide Menu on specific page

Silly me.

.page-id-272 #nav-second {
display: none;
}

Hey there yandoos,

This is exactly what you should do considering this is the correct class for second navigation and this is correct page ID.

If you could post link to your page where you want to remove that I’d be happy to help ??

Cheers,
Bojan

Thank you for your reply. Yes it is working great now. Firebug is really helpful to find the correct ids and classes.

Thank you

I’m not sure why this is happening but I have added more ids and classes that I want to hide on a specific page. It does this but it hides these other ids and classes on all pages! Only the secondary nav is hidden an visible as coded.

Why is this?

Thank you

.page-id-272 #nav-second, #verytop, .footernav, .topmenus {
display: none;
}

Is this a syntax issue? Is it the comas that are causing a problem? I find if I write each one separately then it works?

.page-id-272 #nav-second {
display: none;
}

.page-id-272 .topmenus {
display: none;
}

.page-id-272 .footernav {
display: none;
}

.page-id-272 #verytop {
display: none;
}

Hey there yandoos,

In there first code that you posted:

.page-id-272 #nav-second, #verytop, .footernav, .topmenus {
display: none;
}

You only applied the page id to the first element with #nav-second and not to the others. Every time you add a comma you are applying property to that element. So your code should look like this:

.page-id-272 #nav-second, .page-id-272 #verytop,.page-id-272 .footernav, .page-id-272 .topmenus {
display: none;
}

Hope this makes sense ??

Cheers,
Bojan

Thank you for your reply. Yes that makes sense! This has been something that has confused me for some time.

Glad I could help ??

Cheers,
Bojan