Language switcher (WPML) 'hard to catch'

[industriecontact]

I was referred here by the WPML support team as they couldn’t help with that issue:

When trying to use the language switcher in the header the drop down menu disappears in 9 out of 10 attempts. Hovering makes the drop down visible, but when not exactly moving the mouse down in the ‘arrow area’ it disappears immediately. This is not user friendly – no one expects the need to follow the small arrow gap.

WPML support thread: https://wpml.org/forums/topic/language-switcher-hard-to-catch/

Thanks!

[David Martin – Support]

Hi,

Looks like you would need to adjust the padding, please add this:

#top-bar .menu > li.menu-item-language-current > a:hover, #top-bar a:hover {
    color: #fff;
}

#top-bar .menu > li > a {
    padding: 5px 10px;
}

– David.

[industriecontact]

Works better now, but still not perfect.
I guess this would do for now – unless you have another idea.

Thanks!

[Rui Guerreiro – SUPPORT]

Hi,

The problem seems to be the gap between the link hove the menu item and the dropdown with the language option.
guess only adjusting the top position of the dropdown to avoid that gap.

Try this css to see if it works better for you.

ul.sub-menu.submenu-languages {
    top: 30px!important;
}

-Rui