The title may not be entirely reflective of what I am trying to achieve, let me try to explain.

I have one Nice menu setup. The root has 13 menu items that go across the top of my site. Each root has 0 or more sub menus, and some of those also have submenus. Right now I have the sub menus flying out to the right. This works great until I get to the last root menu on the right side of the page. Hovering over a sub menu here, widens the page.

Is it possible, to have just this last menu item fly out to the left, and not the right? Currently I am manipulating the left: value of these menu items but that has no effect on the width and the page still widens.

I did find this page http://drupal.org/node/240831 but I am not clear on where I should override the appropriate ( function theme_nice_menu ) function. template.php seems to be the best candidate.

Would this just allow me to customize that last group of menu items?

Any help would be appreciated.

Comments

add1sun’s picture

add1sun commented

This is something that should be fixed in the CSS, not in the theme function.

kriskd’s picture

kriskd commented

I use nice menus with my top menu items on a horizontal bar and the second level as drop down menus. I played with my CSS and found that if you change the left position to a negative number in nice_menus_default.css you can get the sub-menus to fly out to the left.

ul.nice-menu-down ul {
  left: 0;
}

This appears at approximately line 166. What I do on my site is make a copy of this file (so I'm not messing with the core file) and put it in my theme folder and edit to my delight there.

stevenpatz’s picture

stevenpatz
he/him
commented

yep, I've done that, but if you check out your menus with Firebug, you'll see that they're as wide as the parent menu, and even with left positioning, of one menu, when you hover over it, the submenu adds an ugly scroll bar.

add1sun’s picture

add1sun commented
Status: Active » Closed (fixed)

long time with activity. closing.