Style 1 Header Background Stretch

I am using Header Style 1 for a website and was wondering if it is possible to stretch the background of the header to full width rather than between the margins…without moving the other elements (logo, main menu, ad, etc.). I am aware there are other Header Styles that are stretched (Style 8), however, I don’t like that the Main Menu is above the logo in that style. If I could change that then I would use that Header Style.

Thank you,

Hi

Not sure what you mean because in header style 8 the menu is below the logo: http://screencast.com/t/BsLayg2KtAR and you cannot have logo and ad containers placed like in header 1 style and a full width header so this can’t be done easily, sorry.
Please provide more details if this is not what you mean.

Thanks!

• This reply was modified 10 years by Andrei L..

Hey there Andrei,

Thanks for the quick response! My apologies, it is Style 6 not Syle 8.
Style 6 has the logo on the left, the ad to the right, and the menu above both of them. If it’s possible to have the menu below these (like in Style 8) that would be great.

Thanks for clarifying that. I was hoping to have a full width header with Style 1

This worked perfectly! Thank you so much for the quick response and great support!

Hi,

How do I align the header logo to move it slightly left and increase size to 300-320px and in line with the Where the menu starts.

Hi

To move logo to the left try this custom css: http://screencast.com/t/mWvgW8nEL5r

.td-header-style-1 .td-header-sp-logo{
margin-left: -21px!important;
}

To increase the the logo’s size its need to adjust the banner size, because header style 1 it’s designed to display the logo and banner on the same line:

.td-header-sp-ads{
width: 740px!important;
}
.td-header-sp-logo img {
width: 100%;
}
.td-header-sp-logo {
width: 300px!important;
}

Notice that I’ve tested this only with header style 1 and if you’re using a different header style you might need different customization.

Thanks for the message!