How to align menu with logo?

  • Resolved balazsnagy

    (@balazsnagy)


    10 years, 3 months ago

    Hi,

    I’ve changed the logo and removed social buttons from navbar, as well as the menu background box, according to the snippets.
    However, currently the menu (navbar) items are not aligned with the logo. I’ve tryed to adjust it the following way, but I’m not sure this is the right way:

    .navbar .nav > li > a {
    position: relative;
    top: -38px;
    }

    This way, in smaller browser size, one of the menu items is always covered by the 3-bar menu button, but that’s probably because of another issue (see in my other topic).

    Thanks,
    Balazs

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

    (@rdellconsulting)

    10 years, 3 months ago

    You would normally use what you have above, but add left: 0px; and adjust to what you need.

    chappie

    (@chappie)

    10 years, 3 months ago

    These worked for me:

    /* main menu position */
.navbar .navbar-inner {
  margin: 25px 20px -20px -20px;
  padding-left: 5px;
  max-width: 97%;
position:absolute;top:-50px;
}

/* Change menu padding: 2nd and 4th for horiz padding */
.navbar .nav > li > a {
  padding: 5px 16px 5px 16px;
}

/* Reposition menu carats above 980px */
.navbar .nav li.dropdown a .caret {
position:relative;
top: -18px;
left: -1px
}

/*Move dropdown menu up to carets*/
.dropdown-menu {
position:absolute;
top: 45px;
left: 4px;
}

    Thread Starter balazsnagy

    (@balazsnagy)

    10 years, 3 months ago

    I close this topic.
    Thanks for your help, my problem has been solved.

    Happy New Year!
    Balazs

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to align menu with logo?’ is closed to new replies.