Normal behavior:
Move the cursor to the menu.Menu expands.Move the cursor away from the menu.Menu collapses.

Strange thing is that the font size of the menu items get smaller after i move the cursor away before they collapse.
If i move the cursor away and back on the menu items before they collapse, the font size just gets smaller and returns to normal correspondingly.

To be more specifically, only the menu items on the third level and levels after that are affected.
The first and secondary level are ok.
Menu
---Item secondary level
------Item third level

Anyone knows the reason or solution to this?

Regards.

Comments

helloadorable’s picture

Did you change the default font size of the site? I found that menus behave erratically if you change this.

meatbag’s picture

All settings related to font are unchanged.
I have this issue on both acquia marina and acquia slate.

jeremycaldwell’s picture

Assigned: Unassigned » jeremycaldwell
Status: Active » Postponed (maintainer needs more info)

Interesting.. what browser are you using?

meatbag’s picture

Tested on Firefox3.6.6 and IE8. Same issue.

Here's a Wink video i create to better demonstrate that.
http://www.4shared.com/file/oMsZZR73/wink-acquia.html

jeremycaldwell’s picture

Sorry but I don't plan on running your video file when it's named "wink-acquia.exe" as that seems too suspicious. Please use a free service such as Jing (http://www.jingproject.com) to record your menu issue and post a link to it here so we can see. Thanks.

meatbag’s picture

See the info i left in #4 and the detailed info in #1.
Plz ignore the video if you feel suspicious. We can do without it.
As my machine doesn't meet the requirement of Jing, I won't bother to post any more videos.

jeremycaldwell’s picture

Try adding this bit of CSS to your theme's local.css file.

/* Third level */
#primary-menu ul.menu li:hover ul.menu li ul.menu,
#primary-menu ul.menu li.hover ul.menu li ul.menu,
#primary-menu ul.menu li ul.menu li ul.menu {
  font-size: 100%; /* 11px/12px */
  margin-left: 34px;
  margin-top: -2px;
}
meatbag’s picture

This works for me.

jeremycaldwell’s picture

Status: Postponed (maintainer needs more info) » Reviewed & tested by the community

Great, thanks for testing that out. Will do a bit more cross-browser testing on our end then include the changes in the next release of the theme.

smilterman’s picture

Project: Acquia Marina » Acquia Slate
Issue tags: +Acquia Slate, +dropdown, +jumping, +third, +level
StatusFileSize
new14.97 KB

Hello everyone,

This post is the closest one related to my problem I could find so I'm gonna give it a shot right here.
I've been using Drupal for a while now and I'm using the Acquia Slate theme which I like very much, I customised it high and low and I've been working through the css code and php files like a semi pro now.
But still, there are some issues that I can't seem to resolve and I can't seem to find the sollution here or anywhere else on the internet. So here I go...

As I already said, I'm using the Acquia Slate theme. I've got some primary links set up and I'm using the dropdown menu with third level links. I customised the css to my likings but here's the problem. When you do a hover to get to the third level link and you hover out the third level link jumps back over the 2nd level link. I've set up an example of this on the following test site www.gloops.be and added an image as an attachement so you guys can see what happens. It may seem like a small problem but it doesn't look professional at all and that's what I'm going for.
I hope I've been clear on my problem and I really hope someone can help. I tried adapting the css file from top to bottom but no luck. The test site I set up is a clean install of Drupal aswell as the theme so I'm guessing it has to be another problem.

Thanx in advance for all the help.

jeremycaldwell’s picture

Status: Reviewed & tested by the community » Active
StatusFileSize
new4.9 KB

@smilterman, thanks for pointing this out. Seems to be an issue with the theme and not anything you have done since it does it for me as well.

I reviewed the theme a bit more and I think I have a fix for it. Try replacing the primary menu code in your theme with the code in the attached .txt file.

I've tested it locally and it works fine so hopefully it works on your end as well. Please give it a try and let us know how it goes.

smilterman’s picture

@eternalistic, thanks a lot, changing the code did the trick for me, only tried it localy but I guess it will work online aswell.

Thanx again for the help.

jeremycaldwell’s picture

Status: Active » Reviewed & tested by the community

@smilterman, thanks for testing and reporting back! I'll do some cross-browser testing and it when all is good it will be included in the next release of the theme.