Title: Remove header nav from specific pages Last modified: August 21, 2016 --- # Remove header nav from specific pages * Resolved [kirawalton](https://wordpress.org/support/users/kirawalton/) * (@kirawalton) * [12 years, 3 months ago](https://wordpress.org/support/topic/remove-header-nav-from-specific-pages/) * I’m a newbie (so please be gentle!). I need to remove the header and navigation menu from several pages on my site, including this one: * [http://pranabusiness.com/climb-the-corporate-ladder](http://pranabusiness.com/climb-the-corporate-ladder) * I have been unable to find a solution that works after searching the forums and trying several things with both style.css and header.php. Viewing 10 replies - 1 through 10 (of 10 total) * [FriendlyWP](https://wordpress.org/support/users/mmcginnis/) * (@mmcginnis) * [12 years, 3 months ago](https://wordpress.org/support/topic/remove-header-nav-from-specific-pages/#post-4593950) * If you just need to hide it so its not visible to people viewing the page, this is probably the simplest way – add this to your style.css: * ``` .page-id-5425 #outerheader { display:none; } ``` * That will hide the header on just that page. To hide it on additional pages, find their page IDs by hovering over an ‘edit page’ link and looking in your browser status bar, the ID is usually toward the end in the URL displayed there. Then add those ids like so to the css: * ``` .page-id-5425 #outerheader, .page-id-5555 #outerheader,.page-id-6666 #outerheader { display:none; } ``` * This is admittedly clunky as everything is hard-coded. A smarter way to do it would be to create a [custom page template](http://codex.wordpress.org/Page_Templates#Custom_Page_Template). If you name your page template file “page-no-header.php” every Page assigned to this template via the Page Attributes panel when editing a Page would have“ page-template-page-no-header-php” added to its body classes. You could then use that to set the display to none, rather than having to specify every ID: * ``` .page-template-page-no-header-php #outerHeader { display:none; } ``` * Hope this helps! * Thread Starter [kirawalton](https://wordpress.org/support/users/kirawalton/) * (@kirawalton) * [12 years, 3 months ago](https://wordpress.org/support/topic/remove-header-nav-from-specific-pages/#post-4593960) * This does help, Michelle, thank you so much! * One super-newbie question: where in style.css do I paste this? * .page-id-5425 #outerheader { display:none; } * [FriendlyWP](https://wordpress.org/support/users/mmcginnis/) * (@mmcginnis) * [12 years, 3 months ago](https://wordpress.org/support/topic/remove-header-nav-from-specific-pages/#post-4593971) * At the very end should work. * Thread Starter [kirawalton](https://wordpress.org/support/users/kirawalton/) * (@kirawalton) * [12 years, 3 months ago](https://wordpress.org/support/topic/remove-header-nav-from-specific-pages/#post-4593972) * Oh, and I just realized: I’ll need to remove the footer content, too! * Thanks in advance for your help. * Thread Starter [kirawalton](https://wordpress.org/support/users/kirawalton/) * (@kirawalton) * [12 years, 3 months ago](https://wordpress.org/support/topic/remove-header-nav-from-specific-pages/#post-4593974) * Hmmm. Just pasted to the very end, and no change to the page. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 3 months ago](https://wordpress.org/support/topic/remove-header-nav-from-specific-pages/#post-4593975) * You don’t want to be editing the theme’s files like that. * Install this Custom CSS Manager plugin [http://wordpress.org/plugins/custom-css-manager-plugin](http://wordpress.org/plugins/custom-css-manager-plugin) * Then use its “CSS Code” [section of the dashboard](http://wordpress.org/plugins/custom-css-manager-plugin/screenshot-1.jpg?r=704634) to hold your CSS modifications. * Thread Starter [kirawalton](https://wordpress.org/support/users/kirawalton/) * (@kirawalton) * [12 years, 3 months ago](https://wordpress.org/support/topic/remove-header-nav-from-specific-pages/#post-4593976) * Oh dear. Thanks, Andrew. I’ll try that. * I know just enough to go in and shut down my entire site and not enough to fix it. 😉 * Thread Starter [kirawalton](https://wordpress.org/support/users/kirawalton/) * (@kirawalton) * [12 years, 3 months ago](https://wordpress.org/support/topic/remove-header-nav-from-specific-pages/#post-4593980) * SUCCESS!!! Thank you both so much. * One more quick question: how can I remove the footer on this same page? * [FriendlyWP](https://wordpress.org/support/users/mmcginnis/) * (@mmcginnis) * [12 years, 3 months ago](https://wordpress.org/support/topic/remove-header-nav-from-specific-pages/#post-4594064) * Your footer looks like it’s in #outerfootersidebar and #outerfooter so you’d need to add those to your list of things to display:none on. * .page-id-5425 #outerheader, .page-id-5425 #outerfootersidebar, .page-id-5425 # outerfooter { display:none; } * Thread Starter [kirawalton](https://wordpress.org/support/users/kirawalton/) * (@kirawalton) * [12 years, 3 months ago](https://wordpress.org/support/topic/remove-header-nav-from-specific-pages/#post-4594134) * Thanks so much Michelle! I really appreciate it – didn’t realize that the forum isn’t the place for questions about commercial themes. I really appreciate your time! Viewing 10 replies - 1 through 10 (of 10 total) The topic ‘Remove header nav from specific pages’ is closed to new replies. ## Tags * [Remove Header](https://wordpress.org/support/topic-tag/remove-header/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 10 replies * 3 participants * Last reply from: [kirawalton](https://wordpress.org/support/users/kirawalton/) * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/remove-header-nav-from-specific-pages/#post-4594134) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics