How to move Nav bar down? BootStrap Ultimate

  • I’m using bootstrap ultimate and I made the logo bigger to fit my forums.
    The issue I am having is that the nav bar isn’t center right on one line.
    Also I am trying to move it below the image.

Viewing 5 replies - 1 through 5 (of 5 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, it would be really useful to have a link to the site you are talking about so that we can take a look at it. Thanks in advance.

    Thread Starter R3VOLTZ

    (@r3voltz)

    https://123scorenow.com/
    I am messing around it a bit but it made the navbar even smaller.

    Hi, it will be solved if you add some css in style.css
    and in place of using “col-lg-2” and “col-lg-8” for the div (having logo and nav menu which have class navbar-header and topmenuwrap) use col-lg-12 and these css
    .navbar-header{text-align:center;}
    #topmenuwrap{text-align:center;}
    #topmenuwrap ul.navbar-nav {text-align:center; display:inline-block;float:none;}
    .navbar-nav > li{display:inline-block;margin-bottom:0px;float:none;}
    a.logo { height: auto;width: 100%;}
    I think using these your issue resloves.

    Thread Starter R3VOLTZ

    (@r3voltz)

    Sadly that didn’t work.
    I just need to move the nav bar down.

    Thread Starter R3VOLTZ

    (@r3voltz)

    Alright I pretty much got it. Just waiting for the css on the website to update.
    My only issues is that the pictures on my home page are messed up.
    What I mean bu that is the white border around them and the hovering over them with the mouse.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to move Nav bar down? BootStrap Ultimate’ is closed to new replies.