[theorganicbird]

This is the custom CSS I've added, but I'm still getting the white margins on either side of the header image. I literally have reached the point where I'm adding/changing every single kind of code I can think of to try and see what will change it from the Firebug side, but nothing is working...:

#wrap {
background-color: #fff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
margin: 0 auto;
width: 1300px;
}

#header {
height: 155px;
width: 1300px;
margin: 0 auto;
}

#inner {
padding: 0px 50px 0px 120px;
overflow: hidden;
width: 1292px;
}

.wrap {
margin: 0 auto;
width: 1300px;
}

body {
width: 100%;
}

#header .wrap,
#footer .wrap,
#footer-widgets .wrap {
margin: 0 auto;
max-width: 960px; //This is the default Prose width, but you can change it if you want.
}

.header-full-width #title a {
display: none !important;
}

#header #title {
display: none !important;
}

.header-full-width #title-area {
display: none !important;
}

#header {
background: url(http://designhermomma.com/wp-content/uploads/2013/08/smallernarrow-DHM-header1.png) no-repeat !important;
background-position: center;
background-position: left 10px;
display: block; /*Added this line*/
margin-left: auto; /*Added this line*/
margin-right: auto; /*Added this line*/
}

[theorganicbird]

I'm trying to do it in Custom CSS. I'm using the Pretty Young Thing theme.

[theorganicbird]

This totally solved my problem!! Thank you SO much!!

[theorganicbird]

I'm having the same issue ... here's the site I'm working on — applebarrelcountrystore.com .... I am trying to figure out what I'm doing wrong. I just want the header to flow 100% across the top, regardless of what device people are on. I've even installed the Genesis Responsive Header plugin but that doesn't seem to fix anything. I've been at it for a couple hours now, messing with the CSS in the media-only section, but to no avail.

Help?

[Author]

Posts