How to remove header but keep tagline logo and navigation menu

• 

  cage108 · Member · May 13, 2015 at 6:56 pm

  • Copy link
  • Add topic to favorites

  I’m wondering if it is possible with CSS to hide the header image of my site for one specific page, but still keep the navigation menu and tagline section at the top as that is where I have my sites logo and name.

  The page in question is http://bbtafrica.co.za/conference-registrations

  I’ve tried using this CSS:
  `.page-id-2242 #header {
  display: none;
  }’
  but this removes the navigation menu and logo at the top where I have the words The Bhaktivedanta Book Trust. If all of this goes, then the user has no way to navigate back to the home page or any other without backspacing which I am not a fan of.
  I’ve tried different options, like reverse engineering that css above to show the navigation menu but either its not a functionality that exists or I’m doing something wrong.
  Any suggestions?

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

• 

  designsimply · Member · May 13, 2015 at 9:22 pm

  • Copy link

  You are on the right track! Since “#header” is the selector for the entire header container element, you need to use something more specific. In this case, you can target only the header image in the Gridiculous Pro theme using “.header-img” instead like this:

  .page-id-2242 .header-img {
      display: none;
  }

• 

  cage108 · Member · May 13, 2015 at 9:27 pm

  • Copy link

  awesome!!! that worked exactly how I wanted. thanks a mill.

• 

  designsimply · Member · May 13, 2015 at 9:53 pm

  • Copy link

  Cheers :)