Title: Blog Header Full Width Size
Last modified: August 31, 2016

---

# Blog Header Full Width Size

 *  [abusybeeslife](https://wordpress.org/support/users/abusybeeslife/)
 * (@abusybeeslife)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/blog-header-full-width-size/)
 * I used inspect element but cannot figure out how wide the blog header image width
   is if i want it to go across the page entirely. Please help.
 * I want it to cover from left to right of the screen. Not on a post but the actual
   home page.
 * [http://www.abusybeeslife.com](http://www.abusybeeslife.com)

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

 *  [noahcryns](https://wordpress.org/support/users/noahcryns/)
 * (@noahcryns)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/blog-header-full-width-size/#post-7272527)
 * Probably best to widen the containing <div> to 100% of screen.
    Then make the
   image 100% width.
 *  Thread Starter [abusybeeslife](https://wordpress.org/support/users/abusybeeslife/)
 * (@abusybeeslife)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/blog-header-full-width-size/#post-7272529)
 * I am new to wordpress and do not know how to code so I am not sure what “widen
   the containing <div> to 100% of screen” means.
 * Please help me in amateur language 🙂
 *  [Nik](https://wordpress.org/support/users/nvourva/)
 * (@nvourva)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/blog-header-full-width-size/#post-7272540)
 * You can use something like this
 *     ```
       .site-logo img {
           width: 100%;
           padding: 30px 0;
       }
       ```
   
 * in the custom CSS box, but this is as wide as the image can go.
 *  [Ninja Creativity](https://wordpress.org/support/users/arbazkazi/)
 * (@arbazkazi)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/blog-header-full-width-size/#post-7272541)
 * [@nvourva](https://wordpress.org/support/users/nvourva/)
 * Can you check this issue please?
 * [https://wordpress.org/support/topic/header-layout-issue?replies=1](https://wordpress.org/support/topic/header-layout-issue?replies=1)
 *  [mrtom414](https://wordpress.org/support/users/mrtom414/)
 * (@mrtom414)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/blog-header-full-width-size/#post-7272548)
 * Are you talking about the overall site width or just the header image ? If your
   talking about the overall width you need to adjust it in several places because
   the site is responsive and has several media queries.
 * The header image is being restrained by the website containing div. So making
   the header width 100% will not cause the header to stretch the width of the site.
 *  Thread Starter [abusybeeslife](https://wordpress.org/support/users/abusybeeslife/)
 * (@abusybeeslife)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/blog-header-full-width-size/#post-7272568)
 * Me or Arbazkavi?
 *  Thread Starter [abusybeeslife](https://wordpress.org/support/users/abusybeeslife/)
 * (@abusybeeslife)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/blog-header-full-width-size/#post-7272875)
 * Hi Nvoura, this thread was getting confusing as someone else interjected asking
   a seperate question.
 * Can you please tell me how to get the full image?
 *  [Nik](https://wordpress.org/support/users/nvourva/)
 * (@nvourva)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/blog-header-full-width-size/#post-7272876)
 * Hello.
 * If by full image you mean a banner that stretches from one end of the screen 
   to the other, I’m afraid this is not an option on Olsen Light.
 *  Thread Starter [abusybeeslife](https://wordpress.org/support/users/abusybeeslife/)
 * (@abusybeeslife)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/blog-header-full-width-size/#post-7272887)
 * ok. I am switching

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

 The topic ‘Blog Header Full Width Size’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/olsen-light/1.7.1/screenshot.png)
 * Olsen Light
 * [Support Threads](https://wordpress.org/support/theme/olsen-light/)
 * [Active Topics](https://wordpress.org/support/theme/olsen-light/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/olsen-light/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/olsen-light/reviews/)

 * 9 replies
 * 5 participants
 * Last reply from: [abusybeeslife](https://wordpress.org/support/users/abusybeeslife/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/blog-header-full-width-size/#post-7272887)
 * Status: not resolved