Title: Header issue
Last modified: August 21, 2016

---

# Header issue

 *  [feather19](https://wordpress.org/support/users/feather19/)
 * (@feather19)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/header-issue-13/)
 * My header/banner looks great in mozzila en IE. But for some reason in chrome 
   the banner size is being resized from 1172 x 200 to 1155 x 197 making the image
   slightly blurred and making it so the banner doesnt completely fit from side 
   to side.. you can see a little spot to the right where the black line doesnt 
   continue.
 * this is the original link of the banner: [http://www.yolothatswag.com/wp-content/uploads/2013/06/headerx1.png](http://www.yolothatswag.com/wp-content/uploads/2013/06/headerx1.png)
 * and this is my website. [http://www.yolothatswag.com](http://www.yolothatswag.com)
 * Anyone know what it could be?

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

 *  [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/header-issue-13/#post-3860755)
 * Try:
 *     ```
       .logo img {
       width: auto;
       }
       ```
   
 * To discover what CSS is output by your theme, use a web inspection tool such 
   as Firebug: [http://getfirebug.com/](http://getfirebug.com/) , Chrome Inspect
   Element: [https://developers.google.com/chrome-developer-tools/](https://developers.google.com/chrome-developer-tools/)
   or Internet Explorer 9+ F12 Dev. Tools: [http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85)](http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85)).
   aspx#csstool
 * There are others.
 * When editing CSS, use a Child Theme
    [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes)
   Custom CSS Plugin, or Theme provided custom CSS option. Edits to parent themes
   are lost on theme update.
 * Learn CSS: [http://www.w3schools.com/css/](http://www.w3schools.com/css/)
 *  [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/header-issue-13/#post-3860759)
 * _And:_ The `img {max-width: 100%}` seems to be working against this (oddly, intermittently)
 * I believe it’s the default so try to remove that…
 *  [mhightower1](https://wordpress.org/support/users/mhightower1/)
 * (@mhightower1)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/header-issue-13/#post-3860781)
 * If the img has the width of your container, setting the width: 100% should work.
   But if not, you can also try
 *     ```
       #logo {
       background-repeat: repeat-x;
       }
       ```
   
 * to fill in the extra space that is showing in chrome.
 * Hope this helps!
 *  Thread Starter [feather19](https://wordpress.org/support/users/feather19/)
 * (@feather19)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/header-issue-13/#post-3860785)
 * Thanks, I am already actively trying to learn css.
 * Ive removed what you suggested and that seemed to help a lot already.
 * I have firebug and the chrome developer tool but this might be a dumb question
   but i dont really get how to single out specific mistakes using these tools. 
   Do you use a special option? I see inspect element but that doesnt help me much
   but I am sure i am just using it wrong.
 *  [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * (@swansonphotos)
 * [12 years, 9 months ago](https://wordpress.org/support/topic/header-issue-13/#post-3860814)
 * The best place to start is at the link provided:
 * [https://developers.google.com/chrome-developer-tools/](https://developers.google.com/chrome-developer-tools/)

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

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

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 3 participants
 * Last reply from: [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/)
 * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/header-issue-13/#post-3860814)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics