Title: Header problem
Last modified: August 19, 2016

---

# Header problem

 *  Resolved [inputout](https://wordpress.org/support/users/inputout/)
 * (@inputout)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/header-problem-6/)
 * I’m using a theme called Magatheme
 * The problem that I am having is that I have added my logo to the top left of 
   the design but it is hidden behind the navigation bar and the header/title text.
   
   Here is a link to my blog so you can see for yourself: [http://www.inputout.com/blog](http://www.inputout.com/blog)
   1. How do I remove the text at the top left? 2. How do I create space around 
   my logo?
 * Here is the CSS coding for my header:
 * /* header classes */
    .header {background: url(“/blog/inputout.gif”) no-repeat
   bottom left; } .header img {margin-bottom:18px; height: 85px; width: 159px; }.
   header {margin:18px 0 0;color:#4F4F5F;} .header ul {list-style-type:none;} .header
   a:link { text-decoration: none; color: #FFFFFF; }
 * Also, once I have the image where I want it, how do I make it a link to the blog’s
   url?
 * Many thanks in advance to anyone who can help.
    James

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [cdl5577](https://wordpress.org/support/users/cdl5577/)
 * (@cdl5577)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/header-problem-6/#post-1249484)
 * Basically there isn’t any space for the logo. You need to add padding or a margin
   to give space between the logo and your nav bar.
 * You need to edit the #header css and add padding-top 50px;
 *  Thread Starter [inputout](https://wordpress.org/support/users/inputout/)
 * (@inputout)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/header-problem-6/#post-1249490)
 * Here is the code now:
 * /* header classes */
    .header {background: url(“/blog/inputout.gif”) no-repeat
   bottom left; } .header img {margin:50px 0 0 0; height: 85px; width: 159px; } .
   header {margin:18px 0 0 0;color:#4F4F5F;} .header ul {list-style-type:none;} .
   header a:link { text-decoration: none; color: #FFFFFF; }
 * I’ve tried a few different things, but no joy. Where do I add in the 50px? Do
   I put in padding-top 50px somewhere?
 *  Thread Starter [inputout](https://wordpress.org/support/users/inputout/)
 * (@inputout)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/header-problem-6/#post-1249578)
 * Does anyone have any idea how I might get around the problems above re. my header
   and the logo in it?
 * The main ones are:
    1. How do I remove the text at the top left? 2. How do I 
   create space around my logo? Here is a link to my blog so you can see for yourself:
   [http://www.inputout.com/blog](http://www.inputout.com/blog)
 * Any help would be much appreciated. I’ve been tinkering with it for hours now
   and unfortunately getting no where.
 * Here is the css code to my header:
 * /* header classes */
    .header {background: url(“/blog/inputout.gif”) no-repeat
   bottom left; } #headerimg {margin: 7px 9px 0; height: 85px; width: 159px; } .
   header {margin:18px 0 0 0;color:#4F4F5F;} .header ul {list-style-type:none;} .
   header a:link { text-decoration: none; color: #FFFFFF; }
 * Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Header problem’ is closed to new replies.

 * 3 replies
 * 2 participants
 * Last reply from: [inputout](https://wordpress.org/support/users/inputout/)
 * Last activity: [16 years, 7 months ago](https://wordpress.org/support/topic/header-problem-6/#post-1249578)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics