Support » Fixing WordPress » Centering navbar and tagline

  • djdave

    (@djdave)


    Just cannot center Navbar & Tagline. Seems I’ve tried everything for months. When I have it centered on desktop, it changes on the mobile. Please help.

    http://www.djdavelynch.com


    .navbar-wrapper .navbar-inner {
    display:block;
    width:104%;
    margin-left:0%;
    max-width:104%
    }

    /* Center tagline */
    .span7.inside.site-description {
    float: right;
    margin-right: 18%;
    margin-top: 5px;
    display: block;
    }

    /* Center Navbar */
    .navbar .nav {
    display: block;
    margin-left: -3%;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • martcol

    (@hotmale)

    .span7.inside.site-description {
    display: block;
    float: none;
    text-align: center;
    width: auto;
    }

    That might see to your tag line but I’m struggling a bit with the navigation.

    Thread Starter djdave

    (@djdave)

    So far, so good…Thank you Martcol!!!

    But please don’t give up on the navbar, though. I’ve been struggling a lot on this also.

    martcol

    (@hotmale)

    .navbar .nav > li {
      display: inline-block;
    float: none;
    }
    
    .pull-menu-right .nav-collapse {
      float: none;
    }
    
    .navbar .nav {
      display: block;
      margin: 0 auto;
      text-align: center;
      width: 100%;
    }

    Look, this isn’t perfect but it’s OK I think on larger devices. It’s not so good on smaller screens but I don’t have the kit to really test that right now. It might give you enough to carry on working on it and I guess you might need some @media queries.

    I don’t know what theme you are using but you might like to try asking the theme developer too.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Centering navbar and tagline’ is closed to new replies.