How do I set the Header for Home page only?

• 

  miletushim · Member · Dec 2, 2014 at 11:50 pm

  • Copy link
  • Add topic to favorites

  I am currently using the Wedding Theme. What do I do to make the Header appear on the Home page only? I do not want to see the Header on the other pages. Please help! Thank you.

  The blog I need help with is: (visible only to logged in users)

• 

  gracejiyoung · Member · Dec 3, 2014 at 12:48 am

  • Copy link

  Hi there!

  Sure, you can do this if you edit CSS. Please go to Appearance > Customize > CSS in your Dashboard and add the following:

  .page-id-22 hgroup, .page-id-29 hgroup, .page-id-41 hgroup, .page-id-49 hgroup, .page-id-53 hgroup, .page-id-56 hgroup {
  	display: none;
  }

  Let me know if you have any questions with this!

• 

  miletushim · Member · Dec 3, 2014 at 10:46 am

  • Copy link

  Hi. Thank you for the code.

  Unfortunately the Header still appears on the other pages aswell.
  What else can I do?

  Regards,
  Candice

• 

  gracejiyoung · Member · Dec 3, 2014 at 5:25 pm

  • Copy link

  Hi Candice,

  It looks like you didn’t add the code. Please save the code and you will be set.

• 

  miletushim · Member · Dec 4, 2014 at 11:54 am

  • Copy link

  The code you gave me is saved.
  When I go to CSS it is there.
  I have pasted and saved on numerous occasions, but the header still appears on all pages.

  http://www.candicenaidoo.com

• 

  gracejiyoung · Member · Dec 4, 2014 at 6:39 pm

  • Copy link

  That is a different site. The blog you referred to in this thread is this:

  miletushopeinmotion.com

  So, the code I provided you was for that site.

  If you want to remove it on the site you mentioned above, add this:

  .page-id-104 .sitebar, .page-id-1 .sitebar {
  	display: none;
  }

  Then you should be set!

  Cheers!

• 

  miletushim · Member · Dec 4, 2014 at 8:17 pm

  • Copy link

  Hi there. Thank you for the code.
  After saving the code, it only removed the Site Title and Tagline.
  The Header remains on the pages.

  Regards,
  http://www.candicenaidoo.com

• 

  gracejiyoung · Member · Dec 4, 2014 at 8:27 pm

  • Copy link

  Ah, change the code to this:

  .page-id-104 #masthead, .page-id-1 #masthead {
  	display: none;
  }

  Cheers!

• 

  miletushim · Member · Dec 4, 2014 at 8:49 pm

  • Copy link

  Thank you! It worked!

  I just have one last question:
  The Header is now removed from the pages, but so has the menu button.
  How can I bring back the menu button onto the pages?

• 

  gracejiyoung · Member · Dec 4, 2014 at 8:58 pm

  • Copy link

  That actually wouldn’t be possible because the menu is within that top header. So I recommend keeping that and just remove the custom header like this:

  .page-id-104 .header-custom, .page-id-1 .header-custom {
  	display: none;
  }

• 

  miletushim · Member · Dec 5, 2014 at 7:22 am

  • Copy link

  Its perfect!
  Thank you very much for all your help!

• 

  gracejiyoung · Member · Dec 5, 2014 at 5:33 pm

  • Copy link

  You’re very welcome.

  Cheers!