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

How do I move the navigation bar down? Please see screen shot

Discussion in 'XenForo Questions and Support' started by Jamie, Oct 9, 2010.

  1. Jamie

    Jamie Well-Known Member

    I am playing around with this system trying to learn it and wonder how I can move the navigation bar down. I have played with all kinds of settings but have yet to find the one that works..

    See the blue line that runs left to right? I would like to push the nav bar down to match that..

    Thanks for any help with this!

    Jamie


    xFnavdown.png
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    I played with the templates and came up with this:

    Admin CP -> Appearance -> Templates -> navigation

    Near the top of the template I added style="margin-top: 10px;" as shown below:

    Code:
    <xen:edithint template="navigation.css" />
    
    <div id="navigation" class="pageWidth">
        <div class="pageContent">
            <nav>
    
    <div class="navTabs" style="margin-top: 10px;">
        <ul class="publicTabs">
    
            <!-- home -->
            <li class="navTab home PopupClosed"><a href="{$homeLink}" class="navLink">{xen:phrase home}</a></li>
     
            <!-- forums -->
            <xen:if is="{$tabs.forums}">
    
    That lowered the entire navbar.

    You can also add that property to the navTabs class in the navigation.css template.
     
    anotheralias likes this.

Share This Page