Here's how to hide site title and description for Theron lite theme

This is for anyone that wants to hide their theron lite theme site title and descrition (and add a custom logo), but can’t figure it out- this worked for me. I wanted a custom logo so here’s what I did. It’s understood that if you simply remove your site title and description from your WP dashboard by going to appearances > theme > customize, and deleting those lines- search engine crawlers will not see your site title etc..

I tried a lot of lines and code but none of them worked to hide the title and site description for theron lite until I added:

display:none; in the CSS stylesheet, in the first line after /*LOGO*/as below:

/*LOGO*/
.logo {display:none; float: left;padding-bottom: 30px; width:100%;}
.logo h1{ margin-bottom:0px; }
.logo h1 a{ display:block;text-align:center; color:#302f2f; text-decoration:none;outline: none;}
.desc{ text-align:center; color:#302f2f; font-size:15px;}

Then at the header.php I simply added this line <img style="float:right; margin-right:5 px;"="the url where you upload your image in media library">see below : (the css lines below are found after the </head> section)

<!--LOGO START--><div class="logo">
        <h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo('name') ;?></h1>
        <div class="desc"><?php bloginfo('description')?></div>
        </div>

        <!--LOGO END-->

        <!--MENU STARTS-->
        <div id="menu_wrap"><div class="center"><div id="topmenu"><?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?></div></div></div>
        <!--MENU END--><img style="float:right; margin-right:5 px;" src="http://www.thunderboltrider.com/wp-content/uploads/2012/11/header.png"></a>

Because I preferred that my custom logo appear after the menu bar so I added that line after <!--MENU END--> above

If you want your logo show up above the menu bar instead- insert that “img style” line as above like so:

<h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo('name') ;?>YOU CAN INSERT THE LINE HERE... </h1>

I searched online for hours and spent a few more hours figuring this out as I’m a noob with CSS but I hope this helps someone.

This is what hiding the site title and with a custom logo will look like :

http://www.thunderboltrider.com

p.s- I’m not sure how this post will look because of all the html code since I can’t preview it , sorry if it looks weird. Thanks