How to Hide your Headers Blog Title and Description

When the search engine index our blog using our blog title and description tags -- but most of the time we customize our templates and we have the need to hide our Headers blog title and description.

There are two (2) options we can do.

First(1st) Option:

1. Go to your Dashboard - Layout - Page Elements then click Edit Header.
2. Upload your Image and click the radio button under placement "Instead of title and description"
3. Then save.

Sometimes this option don't work especially if your image is not solid but don't worry because there's another easy to use option using CSS.

Second (2nd) Option:

1. Dashboard - Edit HTML then we have to find this #header h1 {
2. I always use Ctrl+F to quickly find the Styling Code that i need, Ctrl+F then copy #header h1 {
3. Then put this code: display:none;
4. This is What it's going to look like:
   

   #header h1 {
   margin:5px 0;
   padding:0 20px .25em 0;
   line-height:1.2em;
   text-transform:uppercase;
   letter-spacing:.2em;
   font: $pagetitlefont;
   display:none; ------------------This is the code you place to hide your Blog Title
   }

   
   
5. Before you save click preview first to make sure it's not there anymore....but' i can't see any reason why it won't though.
6. Then save.
   

Now for the description, we will place the same code all we need is to find the styling of Header Description. Here's how:

1. Ctrl+F then place this code #header .description {
2. Then place the same code below and it will look like this:
   

#header .description {
margin:5px 0;
padding:0 20px 15px 0;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
display:none; ------------------This is the code you place to hide your Blog Description.
}

Then save. Your site is now clean and finally hide the blog title and description.

I hope you find this simple hack help you blog.