Shift nav menu upwards , aligned with logo

  • Resolved Karan.thakural89

    (@karanthakural89)


    10 years, 5 months ago

    Hi All,

    I need to shift the nav menu a little upwards, so that, it is properly aligned with logo or reverse one (shifting the logo a little downwards) can also help.

    I’m a newbie in web development, so, just want some advice from experts, is it better to have a logo upwards and then menu downwards(in the same column), or, in my case, logo is towards left and menu is towards light in the same row. Which one is better?

    Site

    Appreciate your help.

    Thanks

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

  • Hi,

    Try this code in your style.css:

    .social-block, .site-description {
    display: none !important;
}
#menu-mainmenu {
    margin-bottom: 5px;
    margin-top: 20px;
}

    You can adjust the margin values if required as per requirement.

    Thread Starter Karan.thakural89

    (@karanthakural89)

    Yeah, it’s working, but i noticed two things.

    1. If i add the top part (social block) code, then, my footer alignment is disturbed, so, i removed it from the css.

    2. If i’m dec. the margin bottom, then it is dec. the height/width of that nav box , but, in case of top(if i am dec it), the content is moving upwards.I need to do same for the top (dec. the box height/width)

    Thanks

    Maybe something like this:

    .navbar-wrapper.clearfix.span9 { height: 111px; }
.navbar .navbar-inner { height: 75px; margin: 18px 0; }

    Edit: NEVERMIND…forgot to check responsiveness…it doesn’t work…maybe just needs a @media statement but I need sleep right now or I would try to help more…

    To drop the Navbar, try:

    .navbar.notresp .navbar-inner {
  margin: 20px 5px 10px; /* Adjust the 20px */
}

    Thread Starter Karan.thakural89

    (@karanthakural89)

    Ok.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Shift nav menu upwards , aligned with logo’ is closed to new replies.