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 9 replies, has 2 voices.

Last updated by robertS-107 5 months ago.

Assigned support staff: Marcos Vinicios Barreto.

Author Posts
May 9, 2019 at 10:53 pm #3779705

robertS-107

Tell us what you are trying to do? Put the Language switcher as text at the end of the menu

Is there any documentation that you are following? WPML

Is there a similar example that we can see? (see my link and access below)

May 9, 2019 at 10:58 pm #3779799

robertS-107

I am having issues with my Menu ... the language switcher has code showing
when you view it and also on the rollover state.

I read some posts in the forum with similar issues, tried several suggestions and
none of them worked. (installed a plugin as one idea and had several wpml
features clicked as per another suggestion .... no luck)

Here is the link to my website back end and a username and password I have
created for you to take a look at.

The theme is WPML compatible so I am not sure what I am doing wrong.

Will give link, username and password in private !!

May 9, 2019 at 11:52 pm #3779887

Marcos Vinicios Barreto
Supporter

Languages: English (English ) Portuguese (Brazil) (Português )

Timezone: America/Bahia (GMT-03:00)

Hello,

Thank you for contacting WPML Support. I would like to request temporary access (wp-admin and FTP) to your site to take better look at the issue. You will find the needed fields for this below the comment area when you log in to leave your next reply. The information you will enter is private which means only you and I can see and have access to it.

Our Debugging Procedures

I will be checking various settings in the backend to see if the issue can be resolved. Although I won't be making changes that affect the live site, it is still good practice to backup the site before providing us access. In the event that we do need to debug the site further, I will duplicate the site and work in a separate, local development environment to avoid affecting the live site.

Privacy and Security Policy

We have strict policies regarding privacy and access to your information. Please see:
https://wpml.org/purchase/support-policy/privacy-and-security-when-providing-debug-information-for-support/

**IMPORTANT**

- Please make a backup of site files and database before providing us access.
- If you do not see the wp-admin/FTP fields this means your post & website login details will be made PUBLIC. DO NOT post your website details unless you see the required wp-admin/FTP fields. If you do not, please ask me to enable the private box. The private box looks like this: hidden link

Please, let me know if you need any additional details. Have a nice day.

May 10, 2019 at 5:51 pm #3787239

Marcos Vinicios Barreto
Supporter

Languages: English (English ) Portuguese (Brazil) (Português )

Timezone: America/Bahia (GMT-03:00)

Hello,

Please, take a look at my private reply above. Thanks.

May 10, 2019 at 8:38 pm #3787761

robertS-107

I installed the theme Econo, I just setup the menu and without really doing anything else, the menu issue already appeared. Is this enough for you to do your tests ?

thanks,
Frank Saragosa

May 13, 2019 at 5:44 pm #3801043

Marcos Vinicios Barreto
Supporter

Languages: English (English ) Portuguese (Brazil) (Português )

Timezone: America/Bahia (GMT-03:00)

Hello Frank,

Thank you for the updates. I took closer look in your website using the copy in our sandbox environment and could notice the issue.

The reason of the issue is most likely related to the way your theme is customizing the WordPress default menu output, in any case I have forwarded your issue to our compatibility team for further analysis.

I will update you here as soon as I get some more details from them. Thank you for your patience and understanding, have a nice day.

May 15, 2019 at 1:19 am #3811265

Marcos Vinicios Barreto
Supporter

Languages: English (English ) Portuguese (Brazil) (Português )

Timezone: America/Bahia (GMT-03:00)

Hello,

Thank you for your continued patience while waiting for a solution. I got some more details from the compatibility team and here is what you should try:

1 - Find the line 60 of your it-front-end.php file from your econo/it-framework/includes/menu directory.

2 - Replace the line:

$item_output .= '<a '. $attributes .'><span data-hover="'.$txt.'">';

with:

if ( get_class($item) === 'WPML_LS_Menu_Item') {
       $item_output .= '<a '. $attributes .'>';
} else {
       $item_output .= '<a '. $attributes .'><span data-hover="'.$txt.'">';
}

IMPORTANT: Please, note, a backup is required for security reasons and to avoid any data loss, you can use the https://wordpress.org/plugins/backupwordpress/ plugin for these backup needs.

Please, let me know if it works. Have a nice day.

May 15, 2019 at 10:29 pm #3820425

robertS-107

Marcos Vinicios Barreto,

I adjusted the code as per the instructions and I even tried doing some CSS
to make the text Uppercase and I was successful.

The only thing now is that when you rollover the word English or French,
it disappears and I tried several CSS codes and nothing.

Am I doing something wrong or is it the template still ?

We are almost there.

By the way, can you CC my email when you respond: frank@rsmedia.ca

thanks,

Frank Saragosa

May 16, 2019 at 3:29 pm #3827575

Marcos Vinicios Barreto
Supporter

Languages: English (English ) Portuguese (Brazil) (Português )

Timezone: America/Bahia (GMT-03:00)

Hello,

Thank you for the updates. I've adjusted the CSS code and now the language switcher works properly, here are the steps I took:

1 - In your WordPress Dashboard > Custom CSS & JS > All Custom Code > CSS for Language Swtichers I added this code:

.top-head .site-nav nav.anim_hover > ul > li.wpml-ls-item:hover {
  color: #009ccb!important;
}

.top-head .site-nav nav.anim_hover > ul > li.wpml-ls-item:hover > a > span span {
  top: 0!important;
  opacity: 1!important;
}

It makes sure the language name is not hidden on the hover state. However you will notice the slide effect is only possible with a bit of jQuery code to set the 'data-hover' attribute of the span tag with the name of the language, something beyond the scope of our support, as it happens due the way your theme author change the output of default WordPress menu system.

Hope it helps, have a nice day.

May 19, 2019 at 4:42 pm #3842089

robertS-107

My issue is resolved now. Thank you for all your help !!

Frank Saragosa