language switcher drop down issue

[industriecontact]

Hi,

please take a look at http://wordpress.ic-gruppe.com. I’ve just started to build a new site with Dante + WPML and ran into an issue with the language selector in the top right corner:
When hovering over the language switcher (dropdown) menu item (‘English’), it opens up the list of other languages (‘German’ in this case). So far so good. However moving down to select ‘German’ lets the dropdown disappear as soon as the mouse arrow is leaving the rectangle of the language switcher item (‘English’) – so it’s almost impossible to select ‘German’.

So far I’ve tried this in Safari and Firefox and in both the issue persists. Sometimes it’s possible to select another language but most of the time the dropdown disappears before the user has the chance to click on the item. Not very user friendly right now …

Is there a solution to fix this issue?

Thanks,
IC

[Mohammad – SUPPORT]

Hi,
Please use this custom css code-:

#top-bar .menu > li > ul {
    border-top: 0 none;
    top: 24px !important;
    left: 7px !important;
}

Hope that should work and let me know your feedback.
Thanks 🙂
With Best Regards
Swift Ideas

[industriecontact]

Yeah … but as I already wrote in the other topic the menu items now overlap a bit.
Would be great you could fix this in the next release. Don’t forget! 😉

Thanks

[Kyle – SUPPORT]

If you remove the above css and let me know, it will be a z-index issue

– Kyle

[industriecontact]

I already tried the z-index css from the other topic
nav.std-menu .menu ul.sub-menu{z-index:10001 !important;}
with no effect.

I’ve removed all custom css for now. Please try.

[Kyle – SUPPORT]

Try this:

.submenu-languages ul li.menu-item-language a {
  z-index: 1001;
}

– Kyle

[industriecontact]

no change …

[Kyle – SUPPORT]

sorry should be

ul.submenu-languages li.menu-item-language a {
  z-index: 1001;
}

– Kyle

[industriecontact]

That’s not it … still no change.
Most of the time the submenu disappears before reaching the menu item.

[Kyle – SUPPORT]

This is working for me:

#top-bar .menu li a {
  z-index: 1005;
}

– Kyle

[industriecontact]

Sorry, but still no change.
I’m on Mavericks with latest Firefox & Safari.

Will fire up VM for a quick test with Win 7 / Chrome & IE …

[Kyle – SUPPORT]

Ok for now please use the css that Mohammed provided first, we will look into this issue and see if we can identify the problem

– Kyle

[industriecontact]

OK. Thanks!

BTW: Same thing with IE and Chrome in Win 7 … Sometimes it works – most of the time it doesn’t.

[Kyle – SUPPORT]

Ok thanks