dropdown primary menu

That would be an interesting feature.

My best bet is you should look in Acquia Marina theme.
It supports drop-down menu and, actually, I have borrowed some code from this theme.

I will take a look a it too when I'm available :)

I have implemented the drop-down feature, thanks for your suggestion.

{edit out}

the drop downs only work if you are currently viewing the menu root path.

Hi mikestefff,

I'm not quite sure what's going on. Could you explain
how to reproduce the problem?

Please make sure that you checked the "expanded" column
for the menu item you want to have drop-down enabled
(in /admin/build/menu-customize/primary-links)

Thanks for the feedback :)

Hi. Yea I added sublinks to a root path and it only drops down when I'm viewing the root link. I don't know how to better explain the issue.

Hmm, the only reason I can think of for now is because
the "expanded" column of the root menu item is unchecked.

Can you attach a screenshot of /admin/build/menu-customize/primary-links page?

yea forget it - i didn't have it set to expanded. i figured it just expands upon hovering.

no internet explorer support? nothing drops down.. (except v.8)

Also: Windows using Firefox and Safari, the menu dropdown shows when hovering, but once you move the mouse to the menu, it disappears.

@mikestefff: I don't have access to IE6 and IE7 now, will give them a try on weekends. About Firefox and Safari, it seems to be working fine for me, I will try it on another machine anyway.

Wheres the JS for the dropdown menus? It seems you're using a very strange method (left: -999em?). It should simply work on display:none. It's absolutely not cross-browser compatible.

Edit: oh you're just using li:hover to change the positioning. I'm just going to remove it and write a few lines of query. You should consider patching the theme.

Edit 2: Alright no jQuery needed - just edited the CSS a little.

#primary-nav ul.menu li ul {

  .....etc....

  display:none;

  top:35px;

}

  

#primary-nav ul.menu li:hover ul,

#primary-nav ul.menu li.hover ul {

  display: block;

}

Edit 3: Oh, still doesn't work in IE6 & 7. That answers my question 'why doesn't everyone use this css-only method?'. Back to jQuery...

Edit 4: Alright, jQuery isn't working in IE6 & 7 either. Must be a css positioning problem because after editing the CSS to always show the menu (just to test) you can't even see them. And because both of these methods usually work in IE, it must be an issue with your css. Back in a few..

Edit 5: I'm an idiot. Added positioning to #main and #content. Made IE angry.

Hi mikestefff,

I just came back from work yesterday, gonna try to find a solution to this issue.

Thanks for investigating the problem :)

---------

Hmm, seems like I need to add some JavaScript in order to make dropdown menu works in IE6.

Still exploring how to accomplish this >_<

No...like i said..it was an error on my part...I added positioning to the main div's. I would adjusted the top property though to ensure that the menus are touching the primary nav.

I'll change the status of this issue as closed for now.

If you'd like to submit a bug report or feature request
related to dropdown menu, please create a new issue.