XF 1.5 Need to make header logo and navigation full width

[Jim Kingsnorth]

I have looked through a lot of posts concerning this and have not found anything that actually works. I have added a border to the right and left of a theme but the border ends at the navigation and header. So I need to do one of two things. Be able to get the border to run all the way to the top, or get the navbar and header logo and background to go full width.



http://charismaticcentral.com

 

[Jim Kingsnorth]

The border CSS code is in the General /HTML misc setting

 

[Jim Kingsnorth]

I was able to get the side border to the top using this code in Header.css

#header

{
@property "header";
background: transparent;
@property "/header";
}


{xen:helper clearfix, '#header .pageWidth .pageContent'}

    #logo {
display: block;
float: left;
line-height:0px;
*line-height: @headerLogoHeight;
height: @headerLogoHeight;
max-width: 100%;
vertical-align: middle;
}

However now the background image for the header is missing because the code for it is now transparent to get the sidebar to display.

 

[Jim Kingsnorth]

Any ideas?

 

[Jim Kingsnorth]

No Jim, I can't help you with that.

 

[Jim Kingsnorth]

I give up!

 

[Brad P]

^ he gave up?

First off is this style 3rd party ? If yes please speak to the designer.

 

[Jim Kingsnorth]

No, it is not third party.

 

[Senpai]

Right click on the logo and use inspect element and play around with it .

You can start with the little CSS that should change the width and height or you can use margin to move it up or down like this ...
Margin-top: -5px; Move up
Margin-bottom: -5px; move down

No, it is not third party.

width: 250px;
Height: 250px;

Hope it helped

 

[Senpai]

No, it is not third party.

And revert the templates you edited and use margin to move it up