This topic has 10 replies, 2 voices, and was last updated 6 years, 11 months ago ago by Rose Tyler
Hello,
In past, you helped me to insert the language switch in your theme, but now, after the last upgrade of the WPML plugin, something doesn’t work.
1.
In the desktop version, I have the language menu above the main menu. Here the problem is that the selected language has the link still active when selected, like if #lang_sel_list a.lang_sel_sel { pointer-events: none; }
in my child theme doesn’t work anymore.
It should be like the links of the main menu, where I cannot click on an already selected item.
2.
In the mobile menu, I’ve the same problem as in the desktop menu, but here I’ve another problem too. Here the selected language is not highlighted like it should be. Like the main menu for example, where the selected menu is highlighted and not clickable.
Do you know what has WMPL changed after the last upgrade? Why doesn’t the beginning script work anymore? Do you know what I need to change at this point?
Hello,
1.
.header .wpml-ls-statics-shortcode_actions .wpml-ls-current-language a {pointer-events: none;}
2.
.mobile-nav #lang_sel_list .wpml-ls-current-language a {
color: white !important;
pointer-events: none;
}
About changes, it would be better to contact the plugin support. If previous code does not work after the update, it means that some classes were changed. Please change old css code to new.
Regards
Thank you very much, in this way I solved the previous problems.
But I noted that now on the rollover, the color of the language menu doesn’t change color (both in desktop and in mobile) like happens in the main menu.
You’re welcome!
Please describe the problem in details.
Regards
As said the problem is that if the mouse go on the link of the language, the word doesn’t become white. Yesterday (before the last upgrade of WPML) it worked.
If you see the main menu, if the pointer of the mouse goes on a link, it becomes white. In the language menu above it doesn’t happen anymore. This both on the desktop menu and on the mobile menu.
With the upgrade, some class in CSS is changed as you said before…
Oh I see, please use this code:
.header .wpml-ls-legacy-list-horizontal a span:hover, .mobile-nav #lang_sel_list .wpml-ls-current-language a:hover {
color: white;
}
Regards
Hello Rose, thank you very much.
With this code, the problem is solved in the desktop version. In the mobile version, it continues to not work, do you know why?
Please change this previous code:
.header .wpml-ls-legacy-list-horizontal a span:hover, .mobile-nav #lang_sel_list .wpml-ls-current-language a:hover {
color: white;
}
to
.header .wpml-ls-legacy-list-horizontal a span:hover,
.mobile-nav #lang_sel_list a:hover {
color: #fff !important;
}
Regards
Thank you very much, now it is perfect!
You’re welcome!
Have a nice day.
Regards
You must be logged in to reply to this topic.Log in/Sign up