Vertically Center Social, Menu and Logo in Navbar

  • Resolved logueslinc

    (@logueslinc)


    9 years, 4 months ago

    Hi Guys

    I’m hoping to have all my navbar items centered vertically.

    currently using this css:

    .tc-header .social-block {
    width: 33%; /* you have to fine tune this with media queries!!!*/
}
.nav-collapse.collapse { clear: none;}

.tc-header .navbar-wrapper { width: 100%; margin-left: 0; }

    Giving this result

    i’d really love to have it all aligned.

    thanks!

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

  • You could do a fixed margin from the top. Could you be more specific about your layout maybe include the structure.

    Thread Starter logueslinc

    (@logueslinc)

    sorry for my newb.. not sure what you mean about structure.

    Thread Starter logueslinc

    (@logueslinc)

    ok think i’ve found what i’m looking for in:

    .tc-header .social-block {
    width: 28%;
}
.nav-collapse.collapse { clear: none;}

.tc-header .navbar-wrapper { width: 100%; margin-left: 10; margin-top: -130px;  }

    thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Vertically Center Social, Menu and Logo in Navbar’ is closed to new replies.