Menu above built with this plugin including Mega Menu.

Integrate Responsive Menu with WPML

It becomes necessary to integrate RM with WPML if you are dealing with visitors who understand specific languages and if your website is already running in multiple languages.

In this tutorial, it is assumed that you have already installed and set up WPML on your website. To integrate Responsive Menu Pro with the WPML plugin you need to follow the below-mentioned steps.

Step 1: Be on the Latest Version of the Responsive Menu Pro. Check for plugin updates, if you find product updates in the plugins section make sure to update it.

Step 2: Depending on the languages installed on your website and the default language set (English in this case), you now need to check the Editing Language checkbox in the WPML Language Settings.

Integrate Responsive Menu with WPML - Set admin language New

To do so, navigate to Users -> Profile -> WPML Language Settings -> Editing Languages. Check the option -> Set admin language as editing language.

Step 3: Now, you need to enable the option that says make themes work multilingual from the WPML plugin navigate to Languages -> Make Theme work multi-lingual. Check the option.

Integrate Responsive Menu with WPML - Make Theme work multi-lingual New

Step 4: Ensure the Post Type Translation is set to “Not Translatable” for the Responsive Menu. This can be done by navigating to WPML -> Settings -> Post Types Translation

Integrate Responsive Menu with WPML - Post Types Translation

Step 5: Create pages in English (Default Language) and translate them to other preferred languages. In this example, the pages are translated to Spanish and Italian respectively.

Integrate Responsive Menu with WPML - Translating pages

Step 6: Create an English Menu (Default Language) by navigating to Appearance -> Menus. Create an English menu.

Integrate Responsive Menu with WPML - Creating English Menu

Step 7: Switch to Italian (or your preferred language) in the admin language switcher and create an Italian menu and select as the translation of the English menu.

Integrate Responsive Menu with WPML - Translate to English

Repeat this step for the other language, in this case, for the Spanish Menu.

Step 8: Now, Switch back to English in the admin language switcher of WPML. Go to Responsive Menu -> Menus to create a menu for English.

Step 9: Navigate to the Responsive Menu Plugin and Setup the Mega Menu for English Menu.

Step 10: Switch to Italian in the admin language switcher of WPML. Go to Responsive Menu -> Menus to create a menu for Italian.

Step 11: Now set up Mega Menu for Italian, watch this video.

Repeat steps 10 and 11 for setting up the Spanish Menu.

And, this is the final result.

So this is how you Integrate the Responsive Menu with WPML. If you face any difficulty during the integration process you can raise a support ticket here.

 

From the FAQ

Integrate Responsive Menu with WPML
Hiding the Menu on Specific Pages
Setup a Desktop Menu
Using as your Main Menu
Hide the Theme Menu