Hey Guys,

In testing the site, the drop-down menus work great in FF, Safari, and Chrome, but IE8 the largest browser in use with our customer-base we're having issues. I'm not sure what is causing this or how I can fix it so you all hopefully can help.

The drop-downs disappear to quickly for you to make a selection. Then you go back and have to do it several times to even make a selection. I've learned that you have to move the mouse slowly for the drop-downs to stay but I cannot guarantee that everyone will do that and it will cause some major frustrations on the less-savvy customers.

Please someone help!

Comments

krazykellie’s picture

krazykellie commented

Anyone have any ideas? I can take a screencast so you can see the jumpiness of the menu if that would help.

Please!!!

gtsopour’s picture

gtsopour commented
Assigned: Unassigned » gtsopour
Issue tags: +corporate, +Corporate Theme, +Corporate Clean Theme

Hello krazykellie,

you should not had a problem in IE8. Is your Drupal installation online? Could you check please if your IE8 is running in compatibility mode?

Thanks
George

krazykellie’s picture

krazykellie commented

Hey George,

I've checked we are online and I am not running IE8 in compatibility mode. Here is a link to our site: http://apps.metrolibrary.org/drupal

gtsopour’s picture

gtsopour commented

Hello krazykellie,

i cannot access this url http://apps.metrolibrary.org/drupal

Thanks
George

krazykellie’s picture

krazykellie commented

Shoot! Sorry!

http://apps.metrolibrary.info/drupal

gtsopour’s picture

gtsopour commented

Hello krazykellie,

Could you make the following changes to your style.css file. Please inform me about the result.
I also keep the debugging...

line 273
From

#header-menu ul.menu  { display:block; padding:0; margin:0;  }

to

#header-menu ul.menu  { display:block; padding:0; margin:0; position:relative; z-index:1;  }

line 277
From

#header-menu ul.menu li a { outline:none; text-decoration: none; margin:0 35px 0 0; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; text-transform:uppercase; 
font-family: Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; }

to

#header-menu ul.menu li a { outline:none; text-decoration: none; margin:0 35px 0 0; color:#ffffff; font-size:14px; font-weight:normal; text-align:center; text-transform:uppercase; 
font-family: Myriad Pro,"Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif; display:block; }

Thanks
George

gtsopour’s picture

gtsopour commented

For no conflicts with slideshow, make the following change in line 273

From

#header-menu ul.menu  { display:block; padding:0; margin:0;  }

to

#header-menu ul.menu  { display:block; padding:0; margin:0; position:relative; z-index:100;  }

Thanks
George

krazykellie’s picture

krazykellie commented

Thanks George!

I'll give it a try!

krazykellie’s picture

krazykellie commented
Status: Active » Closed (fixed)

That seemed to do the trick! You're a genius!!

gtsopour’s picture

gtsopour commented
Status: Closed (fixed) » Fixed
gtsopour’s picture

gtsopour commented

Hello krazykellie,

You can see this issue for both IE7 and IE8 drop-down menus support.

http://drupal.org/node/1264098#comment-5223564

Thanks
George

Automatically closed -- issue fixed for 2 weeks with no activity.