Title: Full width header background image – GeneratePress
Last modified: August 30, 2016

---

# Full width header background image – GeneratePress

 *  Resolved [signsintime](https://wordpress.org/support/users/signsintime/)
 * (@signsintime)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/full-width-header-background-image-generatepress/)
 * I have a full width image that I use on the rest of my website (in development
   so no link, sorry) and I want to keep the same theme going. It works perfectly
   in GeneratePress to use the image as the background for header if I customize
   the theme to set header to full width.
 * The problem I’m running into is when I float logo left and menu right to match
   the rest of my site, they go to the edge of the screen as well.
 * What do I need to do to make background full width but have logo and menu go 
   no wider than the content container below header?
 * Ideally, I’d like to add a container for them either through the GP Hooks plugin
   or via child theme, but when I look at the header.php file it’s not clear where
   that container should go.
 * Any help would be appreciated.

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

 *  Theme Author [Tom](https://wordpress.org/support/users/edge22/)
 * (@edge22)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/full-width-header-background-image-generatepress/#post-6512968)
 * Hi there,
 * If you add the background image to the .site-header element, it should go 100%
   width, while the contents (inside the .inside-header element) stay within your
   set container.
 * Is this what you’re doing? Or are you doing something differently?
 * Let me know 🙂
 *  Thread Starter [signsintime](https://wordpress.org/support/users/signsintime/)
 * (@signsintime)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/full-width-header-background-image-generatepress/#post-6512973)
 * I’ll try that and let you know. Thanks!
 *  Thread Starter [signsintime](https://wordpress.org/support/users/signsintime/)
 * (@signsintime)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/full-width-header-background-image-generatepress/#post-6512978)
 * I think I’ve gone mad. Although I have added the css, there is no .site-header
   div being output, so it’s having no effect. Is there some setting within GeneratePress
   that I may have edited which would turn this off? Many thanks for your quick 
   reply, by the way.
 *  Thread Starter [signsintime](https://wordpress.org/support/users/signsintime/)
 * (@signsintime)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/full-width-header-background-image-generatepress/#post-6512984)
 * It was user error! That worked! many thanks. 🙂 LOVE this theme!
 *  Theme Author [Tom](https://wordpress.org/support/users/edge22/)
 * (@edge22)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/full-width-header-background-image-generatepress/#post-6512995)
 * Glad you got it working! 🙂

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

The topic ‘Full width header background image – GeneratePress’ is closed to new 
replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/generatepress/3.6.1/screenshot.
   png)
 * GeneratePress
 * [Support Threads](https://wordpress.org/support/theme/generatepress/)
 * [Active Topics](https://wordpress.org/support/theme/generatepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/generatepress/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/generatepress/reviews/)

## Tags

 * [full-width](https://wordpress.org/support/topic-tag/full-width/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [image](https://wordpress.org/support/topic-tag/image/)
 * [logo](https://wordpress.org/support/topic-tag/logo/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 5 replies
 * 2 participants
 * Last reply from: [Tom](https://wordpress.org/support/users/edge22/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/full-width-header-background-image-generatepress/#post-6512995)
 * Status: resolved