Larger picture on header

Dazzling
1

Hi there,

I would like to have a picture, that fills the top of the screen at the header. In theme United we (the person who helped me) managed to get that done with cutting the picture in two. Left half we put on there with the header picture. The right have we put on there with backgroundpicture. This does not seem to work with Dazzling. Any idea how to manage that?
Website is http://www.b3coach.nl and the big idea is that I can put my picture on the right, embty half of the header.

2

There are two options:

  1. Use custom header image and it should cover the entire area above navigation.
  2. Use CSS background image for the entire navigation area. Something like this would do the trick:
.navbar.navbar-default {
background: url('http://b3coach.nl/b3/wp-content/uploads/cropped-cropped-B3-Left-Head2.png') no-repeat;
}

None of these options are ideal if you want to add full width header image but not cover navigation menu with it because it is just not possible via CSS and Theme Options and you will have to edit header.php file and add your image there right above navigation.