Skip Navigation

This thread is resolved. Here is a description of the problem and solution.

Problem:
The client was experiencing issues with the hover effect not working as expected for a language menu in Elementor. Despite setting the standard color to black and the hover and active color to red, the hover effect was not applying correctly.
Solution:
We recommended the following steps:
1. Add the necessary CSS in WPML -> Languages -> Language Switcher Options -> Additional CSS. The specific CSS to use is:

header ul li.wpml-ls-current-language a span.wpml-ls-display, header ul li a span:hover{<br />  color: #e40028;<br />}

2. Ensure to create a full site backup before making changes and update the WPML plugins to the latest version.
3. Increase the WordPress memory limit to at least 128MB by adding the following line to wp-config.php:

/* Memory Limit */<br />define('WP_MEMORY_LIMIT', '128M');

Place it above the line /* That's all, stop editing! Happy blogging. */.
For further guidance on customizing the language switcher with CSS, visit how to fix styling and CSS issues for the language switchers.

If this solution does not resolve your issue or seems outdated, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If further assistance is needed, please open a new support ticket.

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

This topic contains 11 replies, has 0 voices.

Last updated by Carlos Rojas 9 hours, 58 minutes ago.

Assisted by: Carlos Rojas.

Author Posts
December 20, 2024 at 10:58 am #16533422

nicolaH-2

Background of the issue:
I have set up a separate navigation menu just for the languages on my site under development. I am using Elementor to create a header for the entire site, which includes this language menu. I have configured the standard color to be black, and the hover and active color to be red.

Symptoms:
The hover effect for the language menu is not working as expected.

Questions:
How can I add a hover effect to the language menu using Elementor?
Why is the hover effect not working for the language menu?

December 20, 2024 at 1:52 pm #16534501

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

Hello,
Thank you for contacting us

1.- In this case it is recommended to add the CSS in WPML -> Languages -> Language Switcher as described in this guide: https://wpml.org/documentation/getting-started-guide/language-setup/language-switcher-options/how-to-fix-styling-and-css-issues-for-the-language-switchers/#customizing-a-language-switcher-with-css

2.- Please don't forget to create a full site backup and update the WPML plugins to the latest version in Plugins -> Add new -> Commercial tab

3.- Last but not least, increase the WP memory Limit. Minimum requirements are 128Mb: https://wpml.org/home/minimum-requirements/
You can add this to wp-config.php to increase WP memory:`

/* Memory Limit */
define('WP_MEMORY_LIMIT', '128M');

- Add it above the line /* That's all, stop editing! Happy blogging. */

You can double-check the WordPress memory limit in WPML -> Support

Kind regards,
Carlos

December 20, 2024 at 3:59 pm #16534901

nicolaH-2

Hi Carlos, thanks for your help.

I have added this CSS:
.wpml-ls-menu-item {
color: #000000;
}
.wpml-ls-current-language {
color: #e40028;
}

But still it is not working.
I would like to have the standard color in black, the active language color in red (#e40028) and the hover color in red as well.

I have also set the memory limit to 256M and updated all plugins.

Any other suggestions?

I am off for the weekend now, would really appreciate your comment until monday!
Thanks a lot! BR Nicola

December 23, 2024 at 10:26 am #16539899

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

Hi Nicola,

I want to take a closer look at the site configuration. I have set your next message private so you can securely share the access credentials to the site.

Please don't forget to create a full site backup before sharing the credentials.

December 23, 2024 at 10:35 am #16539938

nicolaH-2

Hi Carlos, thank you very much for your reply.
And this is the problem: I can not give you the access to the page as this is a highly secured multisite page of a large european company. I am not allowed to and do not have the rights to do so.
What else could we try?

December 23, 2024 at 10:55 am #16539982

nicolaH-2

I have set up a screencapture video, that shows the problem: hidden link

December 23, 2024 at 3:49 pm #16540950

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

Hi there,
Thank you for sharing the video.

I understand you can't share the access credentials to the live site but I can't find a solution without accessing the site. Could you create a staging site with a copy of the live site and share the credentials? Or could you create a new WordPress installation with the same theme and language switcher?

December 27, 2024 at 10:03 am #16548359

nicolaH-2

Hi Carlos,

I really appreciate your effort. I do have various sites with the exact same setup (Theme, Child Theme and plugins), and this issue never appeared. I will try to get some accesss details with the host and get back to you in January. I can not even set up a staging site of this site as I do not have any SFTP creds. Have a good start into the new year. Thanks a lot again! BR Nicola

December 27, 2024 at 10:31 am #16548385

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

Hi Nicola,

You can create a staging site using the WP Staging plugin, which is available on the WordPress repository.

I have set your next message private so yo can securely share the access credentials to the staging site.

Happy New Year to you too 🙂

January 7, 2025 at 10:35 am #16568972

nicolaH-2

Hi Carlos,

happy new year to you!
As the page has a secure login with Microsoft Authenticator, I would need an emailadress from you to add you as administrator to the site to offer you access. Would you pls. be os kind to let me know which email you can use for that, so I can set up the access credentials for you? The problem still exists. Thanks, Nicola

January 7, 2025 at 10:46 am #16569014

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

Hi Nicola,

You can use carlos.r@onthegosystems.com

January 7, 2025 at 11:00 am #16569104

nicolaH-2

Hi Carlos, perfect, thanks. I will set up the access creds now. Can you pls make this conversation private again, so I can send you the details? Thanks! Nicola

January 7, 2025 at 11:03 am #16569109

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

Hi Nicola,

I have set your next message private 🙂

January 7, 2025 at 11:25 am #16569201

Carlos Rojas
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/Madrid (GMT+01:00)

Thank you for sharing the credentials and the steps to log in to the site.

I have added this CSS code in WPML -> Languages -> Language switcher options -> Additional CSS:

header ul li.wpml-ls-current-language a span.wpml-ls-display, header ul li a span:hover{
  color: #e40028;
}

Now you can see the expected CSS in the language switcher. Can you confirm that the issue was solved?

January 7, 2025 at 11:49 am #16569324

nicolaH-2

Thank you so much Carlos!! Perfectly working now. You just saved my day. Thanks, Nicola