XF 2.1 How to span full header with logo

[craigForo]

I've search around for the solution and cannot seem to find it. I would like to have my site logo span the entire header width.

Appreciate any help.

 

[Overscan]

Did you mean something like this?



I did this by cheating - the logo image is the airplane model and the text in a PNG with transparency, then I have the sky as a background image for the entire header / logo row (Style Settings - Header) with some CSS code:



You could just remove the logo and set your logo image as the background of the header.

 

[craigForo]

I'm all set, thank you.

 

[F0STER]

Did you mean something like this?
View attachment 236537


I did this by cheating - the logo image is the airplane model and the text in a PNG with transparency, then I have the sky as a background image for the entire header / logo row (Style Settings - Header) with some CSS code:

View attachment 236538

You could just remove the logo and set your logo image as the background of the header.

how to logo right ?

 

[collantphile]

It works very well, thanks a lot.

On the other hand, the problem is that we need an additional code for smartphones and tablets, so in responsive mode because there it doesn't work at all. I only have a left part of my header that is displayed and in addition with a very large height. Please, if someone could give me the correct code, that would be great. I have another problem, it's the little Xenforo logo that I want to hide on the left. I didn't think to take a screenshot of my smartphone, sorry.