full-width header outside structural wraps LifestylePro

[ClintN]

I've had a crack at making a responsive full-width header using http://keypresswp.com/full-width-responsive-header-image-lifestyle-pro/

The breakpoints are adding padding above & below of the image but I will look at them in styles.css for padding/margin

I want the header image to go to the very edge like the bars above & below it. Can this be done in .CSS or am I looking at some changes to the header of functions.php?

http://sustainablesite.com.au/plasticbottlecrusher.com/

[upthink]

Try this:

.site-header .wrap {
  max-width: 100%;
}

.site-header .wrap img {
  width: 100%;
}

Basically first making the header wrap specifically to go 100% instead of the 1140px specified by the theme. Then making sure that all images in that go 100% across.

[ClintN]

Awesome thanks upthink

[Author]

Posts