• 0

Hide Header from Certain pages


Question

Posted · Report post

Hi There,

 

I was looking for some help with Hiding the Header global region from certain pages.

 

In this instance the page name is "Services Directory" or slug services directory. 

I presume it is possible to do this with something like:

 

#header.... Target Page {display:none !important; }

 

I just having trouble targeting the specific page. 

 

Thanks,

 

Sean

Share this post


Link to post
Share on other sites

4 answers to this question

  • 0

Posted · Report post

Simon_P Excellent! worked a treat :) 

 

Here is the code for anyone else who wants to do the same: 

 

.page-id-13 #header {display:none !important; }

 

Thanks for your help! 

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you for updating the thread and posting the solution you used.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you Simon_P

 

Worked like a charm. For those who need a little more guidance:

 

Place this code in the CCS <Custom> section. The page number can be found by going to the page you would like to edit, then clicking on page setup, then page handling - it will give you the page id. You may have to refresh several times for the code to stick and the adjustment to be made. 

 

.page-id-175 #header {display:none !important; }

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now