They want to hide their site’s title from displaying at their header. It is most probably because their header image already has it as part of the image itself.

Lets take a look at the most common approaches people take, for doing this.

Approach (1) : Delete the blog’s Title through Options Page

People go ahead and login to their wordpress, click on the Options and they look at the text box with the label “Weblog Title”. They just clear the text in that box and click on “Update Options”.
Start from

Click to Zoom!
and make it look like

Click to Zoom!

Wow ! That seems to work., isn’t it ?

Wait a minute, lets take a closer look !
As a result of your change, the following undesirable effects were created.

Issue #1 : Search Engines do not see the site’s title

You only intended your site’s title to hide from your vistor’s eyes, but now even search engine’s can not see your site’s title.
A site’s title enclosed in <h1> and </h1> tags, is one of the main things, search engines look at when they crawl around your site.
If the search engines do not know your site’s title, how will they display your site as part of any search results.?

Issue #2 : Site Title does not appear in the browser’s top bar

If the user has opened many browser windows or browser tabs, he/she may not be able to find the window/tab that your website is on.

Issue #3 : Site’s Feeds do not display a title, either

If the user subscribes to your RSS Feeds, they also do not display your site’s title.

Some feed reader softwares also reject feeds that do not have a title.

Oh my God! This approach has some serious issues, isn’t it ?

Approach (2) : Delete the line from header.php

Somewhat knowledgeable users open up the header.php in the theme directory. They know what is the line that causes the title to display in the header.
They just look for

<h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>

and delete the whole line or make it

<h1></h1>

Yes. Now the site’s title do not appear in their header and they are happy !

Wait, They will still have the Issue #1 as we discussed for Approach #1.

Approach (3) : Hiding it through CSS Style definition

If we really think about the problem at hand, it is very simple. We want to hide the site’s title from the header of the site, as we already have the site’s title as part of the header image.
We only have to hide it from people browsing the site in the browser, and not from the search engines or feed readers.
Lets take a look at the CSS based solution for this.

Add

#header h1 { display:none }

at the end of style.css and save it.

Now let’s refresh the site and see if the title is hidden. It is still showing up? You have to clear your browser’s cache and refresh the page again.

Ok…Now it seems to work !

Is there any of the Issues 1, 2 and 3 as we discussed earlier ?

Nope !

Well, may be this is the proper way to hide the site’s title from the header ?

I believe so !

Disclaimer :

This would work in most of the wordpress themes [at least the ones that I created]. If it does not work in one of my themes, please go to Support Forums for my themes and if it is someone else’s theme, please contact the author of that theme.
Commenting on this post for help with your site, is not recommended.

Thanks.

and the thing is, it is not consistently doing so. Sometimes it is just happening in IE and sometimes it happens only on certain posts or only on homepage.

Here are the list of things you can do to fix that.

Step 1. Validate !
This is the most common cause for this issue. Try to validate the page that has this issue, at W3C’s Validator.
Once you fix the issues found by the validator, Refresh the page and see if the problem is gone.
If not, go to step 2.

Step 2. Check your Images Width
The next cause could be, your images are wider than the ‘main content’ div (usually #content in most of the themes).
If it is OK, try to resize the image to fit within the content DIV.
May be, you can give a smaller size image on the page, and the full-size image can be hyperlinked to that small image. This also helps in faster loading of your page.

If the problem persists, go to Step 3.

Step 3. Reduce the size of the ‘Content Area’

You can open up your style.css and look for the ‘width’ definitions for #content and/or #sidebar.
Try to reduce the width by 5px or 10px or 15px or 20px or 25px till you get things right.
(Most Layouts will still look good, after reducing the width by this method.)

Most cases would be solved by now. (If you guys have any other suggestions, please let me know).
Thats all for now, folks !

Most of our themes displays a list of pages as navigational elements at the top. We use the wp_list_pages() method, so any new page you create, will automatically display in that navigation.

I would like to present a few of the most common questions people ask, when they use one of our themes.

1. How to hide certain pages from the navigation ?
2. How to display the pages in a different order ?
3. Why is my child page, is not listed in the navigation ? etc.

wp_list_pages() – is the wordpress method that generates a list of ‘links to pages’.
Something like

<li class="page_item"><a href="http://wpthemepark.com/about/" title="About">About</a></li>
<li class="page_item"><a href="http://wpthemepark.com/archives/" title="Archives">Archives</a></li>
<li class="page_item"><a href="http://wpthemepark.com/contact/" title="Contact">Contact</a></li>


We can call this method using different set of arguments.

Lets look at the Question 1 :

How to hide certain pages from the navigation ?

Suppose you wanted to hide ‘about’ and ‘contact’ pages from the top navigation.
1. You login to your wordpress blog, and go to ‘Manage’ -> Pages
2. You would see the list of all pages you created.
3. Note down the Page Ids, the numbers on the left side of the Page Names, like 2 and 4.
4. Now we have to modify the call to wp_list_pages in the header.php (Have a backup of this file if you want to go back to the original state) .
5. Find wp_list_pages within this file.
6. Add an additional argument “exclude=2,4″ to that.

<?php wp_list_pages('title_li=&depth=1&exclude=2,4');?>


Thats it. These pages will not get displayed in the top navigation.

Lets look at the Question 2 :

How to display the pages in a different order ?

1. You login to your wordpress blog, and go to ‘Manage’ -> Pages
2. Click on ‘Edit’ on the page you wanted to be first in the navigation.
3. On the right hand side, you will see ‘Page Order’ box.
4. Expand that box, enter ‘1′ as the value.
5. Again go back to ‘Manage’ – > Pages
6. Click on Edit on the page you wanted to be second in the navigation
7. On the right hand side, enter ‘2′ for the Page Order.
8. Now we have to modify the call to wp_list_pages in the header.php (Have a backup of this file if you want to go back to the original state) .
9. Find wp_list_pages within this file.
10. Add an additional argument “sort_column=menu_order” to that.

<?php wp_list_pages ('title_li=&depth=1& sort_column=menu_order');?>


Thats it. Your Pages list will be sorted in that order.

Lets look at the Question 1 :

Why is my child page, is not listed in the navigation ?

Because our themes are defined in such a way that it only displays top level pages in the navigation.

You might have seen “depth=1″ as an argument in the examples presented above.This argument makes the child pages to be not displayed in the top navigation.

I will come back with more tips later.
Thats all for now, folks.
Thanks.

The solution to this ‘most common issue’ is to add a stylesheet declaration “overflow:hidden” to any of the ‘div’s that is going to have an image.

Read More at his website at Defective Themes Image Width.