Title: Hide header &amp; keep primary menu
Last modified: August 31, 2016

---

# Hide header & keep primary menu

 *  Resolved [daddybo](https://wordpress.org/support/users/daddybo/)
 * (@daddybo)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/hide-header-keep-primary-menu/)
 * For a few specific pages, I want to hide the header banner image, header logo,
   header title, header subtitle AND BUT I want to keep the primary menu.
    Is there
   a quick CSS to do this?

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/hide-header-keep-primary-menu/#post-7349635)
 * Yes. Each page is going to have a specific ID associated with it. You can see
   the ID by doing a _view source_ or _view page source_ on the page. Look for the`
   <body` tag, it should look something like this:
 *     ```
       <body class="page page-id-15 page-parent page-template-default ...
       ```
   
 * The **page-id-##** is the class name which uniquely identifies each page; that
   is, the **##** will be different for each page.
 * So let’s say you want to hide those elements on page IDs 123 and 456. You would
   add this rule using a CSS plugin (don’t modify the theme’s style.css file, or
   your changes will be lost the next time you update the theme):
 *     ```
       .page-id-123 .site-branding,
       .page-id-123 #banner-wrapper,
       .page-id-456 .site-branding,
       .page-id-456 #banner-wrapper
       {
          display: none;
       }
       ```
   
 * So note that there is a pair of selectors for each page, one which selects the
   site title & tag line, and the other which selects the banner image. The very
   last selector in the list should not have a comma after it (a comma, though, 
   must separate each selector).
 *  Thread Starter [daddybo](https://wordpress.org/support/users/daddybo/)
 * (@daddybo)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/hide-header-keep-primary-menu/#post-7349653)
 * Thank you!
    This works just great.
 *  Thread Starter [daddybo](https://wordpress.org/support/users/daddybo/)
 * (@daddybo)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/hide-header-keep-primary-menu/#post-7349799)
 * That worked great for the pages I wanted no header on; however, I’m getting stuck
   on my blog page. It stills displays the header.
 * Looking at my source code, part of the menu is as follows:
 *     ```
       <li id="menu-item-979" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-415 current_page_item current_page_parent menu-item-979"><a href="http://www.taichichihnoco.com/community-blog-tccnoco/">Blog</a></li>
       <li id="menu-item-162" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-162"><a href="http://www.taichichihnoco.com/sharing-the-joy/">Sharing The Joy</a></li>
       ```
   
 * This css is not working (but does work for all my other pages)-
    .page-id-415.
   site-branding, /* 415 is BLOG */ .page-id-415 #banner-wrapper, { display: none;}
 * Is there something different I need to do for the page set as my Blog?
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/hide-header-keep-primary-menu/#post-7349800)
 * When you view the source for the blog page, then I assume that there’s no page-
   id-415 class associated with the `body` tag. But you may see a `blog` class, 
   so you can try:
 *     ```
       .blog .site-branding,
       .blog #banner-wrapper,
       {
          display: none;
       }
       ```
   
 *  Theme Author [Shaped Pixels](https://wordpress.org/support/users/shaped-pixels/)
 * (@shaped-pixels)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/hide-header-keep-primary-menu/#post-7349801)
 * You want this hidden on the blog home page (where your post summaries show), 
   or the full post pages as well?
 * Ah, ignore that…CrouchingBrian beat me to it, lol
 *  Thread Starter [daddybo](https://wordpress.org/support/users/daddybo/)
 * (@daddybo)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/hide-header-keep-primary-menu/#post-7349817)
 * I would like to know how to hide this on the full posts of blog as well. Would
   you need the css for each post? or is there a better “global” manner that would
   apply to all posts for the blog’s category?
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/hide-header-keep-primary-menu/#post-7349818)
 * Each single post is going to have a class name called `single-post`, so you can
   use that in the selector:
 *     ```
       .single-post .site-branding,
       .single-post #banner-wrapper,
       {
          display: none;
       }
       ```
   
 *  Thread Starter [daddybo](https://wordpress.org/support/users/daddybo/)
 * (@daddybo)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/hide-header-keep-primary-menu/#post-7349837)
 * Thank you for the assistance.
    You have helped me learn.
 *  Theme Author [Shaped Pixels](https://wordpress.org/support/users/shaped-pixels/)
 * (@shaped-pixels)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/hide-header-keep-primary-menu/#post-7349849)
 * I also want to say thanks to CrouchingBruin for helping out as well…thanks!

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Hide header & keep primary menu’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/senses-lite/1.1.0/screenshot.png)
 * Senses Lite
 * [Support Threads](https://wordpress.org/support/theme/senses-lite/)
 * [Active Topics](https://wordpress.org/support/theme/senses-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/senses-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/senses-lite/reviews/)

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [hide header](https://wordpress.org/support/topic-tag/hide-header/)
 * [Remove Header](https://wordpress.org/support/topic-tag/remove-header/)

 * 9 replies
 * 3 participants
 * Last reply from: [Shaped Pixels](https://wordpress.org/support/users/shaped-pixels/)
 * Last activity: [10 years, 1 month ago](https://wordpress.org/support/topic/hide-header-keep-primary-menu/#post-7349849)
 * Status: resolved