Help with wordpress header code

I want to use this wordpress default theme...

http://www.bestcoppercookwares.com/

How can I disable/remove the title and blog description above the header so that the header will be on the very top of the screen, with no white spaces or text above. Is that possible?

 

You'll have to modify both the header.php and the stylesheet. I've never messed around with that particular theme so I can't be more specific but I'm sure if you Google around you can find someone who's done similar.

 

To remove the heading and description, delete these lines from header.php:

<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
<<?php echo $heading_tag; ?> id="site-title">
<span>
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
</span>
</<?php echo $heading_tag; ?>>
<div id="site-description"><?php bloginfo( 'description' ); ?></div>

Code (markup):

To remove the gap, delete these lines from style.css:

#header {
   padding: 30px 0 0 0;
}

Code (markup):

If you want to remove the gap at the very top, you also need to delete the wrapper's top margin (margin-top: 20px;):

#wrapper {
   background: #fff;
   margin-top: 20px;
   padding: 0 20px;
}

Code (markup):

But leave background and padding in there or else it will look weird

 

Wow.. this is nice and helpful.. or if the OP wants there more FREE WP Theme online just search for it.. more themes that are niche related..

 

Just the kind of help I was looking for.
Thanks a lot!

 

You're welcome. It looks a bit bare without a heading. Let me know if want one added inside the image.