1. 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?

Discussion in 'Styling and Customization Questions' started by Frankenfurter, Jul 1, 2015.

  1. Frankenfurter

    Frankenfurter Member

    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 :)
     

    Attached Files:

  2. Russ

    Russ Well-Known Member

    Easy way to achieve that look:

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

    Then in extra.css:

    Code:
    #logoBlock {
    background-color: rgb(23, 96, 147);
    }
    
    Result:
    Screenshot_1.png


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

    Style Properties -> Header and Navigation -> Height of Header Logo
     
    Frankenfurter and Amaury like this.
  3. Frankenfurter

    Frankenfurter Member

    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: Jul 1, 2015

Share This Page