Comments on: Hide a Menu Page

By: Pranshavs

Pranshavs — Fri, 23 Dec 2011 15:59:28 +0000

Agree with as they say “Code Is Everything”

By: Edward Caissie

Edward Caissie — Fri, 23 Dec 2011 14:09:03 +0000

@Pranshavs – There are many different methods that can be used, the ones being offered are just examples of what can be done within the basics of WordPress and/or CSS.

By: Pranshavs

Pranshavs — Fri, 23 Dec 2011 14:04:22 +0000

Why not consider installing a plugin that will hide your page or pages. Like PC Hide Pages?

By: Edward Caissie

Edward Caissie — Mon, 18 Jul 2011 22:26:15 +0000

@Pat – Following the general method from above you could add the following to your style.css file (at the end):

.page-item-423,
.page-item-435 { display: none; }

… of course, these numbers may be different when you go “live” but the idea is the same.

By: Pat

Pat — Mon, 18 Jul 2011 14:14:58 +0000

Hi Edward, I’m using a contactform and for this includes a page for when the form is send (thanks) and one in the case of a problem (oops). These 2 I want to hide since they are now showing in the header. I’m only not sure where exactly I have to paste your code.

By: Edward Caissie

Edward Caissie — Mon, 18 Jul 2011 13:43:20 +0000

@Pat – I would only recommend the method I described in this post for a very few (generally one or two) pages; otherwise, I would suggest using a Custom Menu to display only the pages you want in your menu.

By: Pat

Pat — Mon, 18 Jul 2011 08:56:40 +0000

Hi, I’m very new in using WP. I have the same problem, I would like to hide multiple pages from the header. Where exactly in style.css do I have to put the code you’re talking about?

By: Edward Caissie

Edward Caissie — Sat, 12 Feb 2011 15:58:04 +0000

@Aaron – If you just want to create the same effect you can add additional page references, for example:

.page-item-220,
.page-item-345,
.page-item-1337 { display: none; }

The above can be written on one line if you like; I wrote each page reference on a separate line for easier reading and to make sure to show the comma after each element.

By: Aaron

Aaron — Sat, 12 Feb 2011 03:16:56 +0000

I get this to work fine .page-item-220 {display: none:} for 1 page

but how would I need to input it to hide multiple pages in the navigation menu?

So far what you’ve shown here has helped my ignorant self a lot! Thanks for any further help!

By: Edward Caissie

Edward Caissie — Mon, 27 Dec 2010 17:40:56 +0000

@arachelito – At a quick glance I would suggest adding the following property: ‘visibility: hidden;’ to the ‘#menus li a.home’ element in the style.css file. You can experiment with using the ‘display:none’ property in its place but IMHO it did not look very good.