XF 1.5 Need to make header logo and navigation full width

Jim Kingsnorth

Active member
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.


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


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

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

    #logo {
display: block;
float: left;
*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.

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
Top Bottom