Aligning all submenu levels to the top of the main parent submenu?

  • I have a menu structure where I’d like to have all the submenu levels (up to five total submenus) all align in a row with the tops aligned. My submenu structure guarantees that the latter menus will have more items than the former ones, so there’s no concern about not having a next menu show up with two items when the previous menu’s #5 item might trigger it (since there has to be something “physical” to move to in the next “column”).

    What would be the way to designate the position of all submenus to be relative to the top of first set of submenus, or aligned under the menu bar?

    I’ve experimented with a number of position settings but I’m not getting the results I’m looking for. I’ve tried position: absolute while testing on a twentytwelve existing site and can get the submenus to move in different direction relative to the hovered item in the parent menu.

    Any ideas what I might be missing, or is this not possible?

Viewing 1 replies (of 1 total)
  • Thread Starter David Borrink

    (@davidborrink)

    The closest thing I’ve been able to accomplish is to set the “top” value to a negative percentage in order to move it up closer to the menu bar bottom edge. But that’s a global setting for all li ul ul items so it would position all submenus upward the same amount relative to the parent menu item. Example:

    .main-navigation li ul ul {
    left: 100%;
    top: -600%;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Aligning all submenu levels to the top of the main parent submenu?’ is closed to new replies.