• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 Move nav bar below header?

Hi :)

I've been fiddling around for a while and i am not quite sure if this this possible but I was wondering if there was any way that I could move the navbar below the header? I attached an image as an example.

And if so, where would I need to go to move it around?

Thank you :)



Well-known member
Easy way to achieve that look:

Style Properties -> Header and Navigation -> Header -> Clear the background color.

Then in extra.css:

#logoBlock {
background-color: rgb(23, 96, 147);

You can also increase the height of the logo to increase that area:

Style Properties -> Header and Navigation -> Height of Header Logo
Hi! that seems to do what I want, thanks :) Only problem is that i'm using an image instead of a colour for logoBlock, so it repeats instead of having a gap there. Any suggestions?

Edit: thanks, figured something about!
Last edited: