What is the CSS to hide navigation/menu bar on one page only (Edin theme)

• 

  thisiscyndee · Member · Jan 21, 2015 at 2:29 am

  • Copy link
  • Add topic to favorites

  I’ve tried several things (see below) but nothing works. I want to hide the navigation/menu from one page only on http://cyndeemaxwell.com (Edin theme).

  I’m trying to make a Landing page and would also like to remove the white header background (I was able to hide the header image but it left the large white space that now needs to go, too).

  Here’s what I’ve tried to hide navigation menu (all separately of course):

  .page-id-440 .navigation-classic .primary-navigation {
  visibility: none;
  }

  .page-id-440 #navigation {
  display: none;
  }

  .page-id-440 #menu-simple {
  display: none;
  }

  Thank you for any help you can provide!

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

• 

  shawnajroberts · Member · Jan 21, 2015 at 3:01 am

  • Copy link

  Try this:

  .page-id-440 #masthead {
  display: none;
  }

  Also, please note that all WordPress.com bloggers are required to maintain the credit links, even our VIP bloggers. Please do not hide or alter text or links for the footer credits or the toolbar. This is mentioned in our Terms of Service:

  Attribution. Automattic reserves the right to display attribution links such as ‘Blog at WordPress.com,’ theme author, and font attribution in your blog footer or toolbar. Footer credits and the WordPress.com toolbar may not be altered or removed regardless of upgrades purchased.

  Let me know if I can help with anything else!

• 

  thisiscyndee · Member · Jan 21, 2015 at 5:29 am

  • Copy link

  That worked! Thank you! And I returned the footer per the terms.

  Thanks again. :)

• 

  shawnajroberts · Member · Jan 21, 2015 at 3:35 pm

  • Copy link

  Great! Let me know if I can help with anything else. :)