Skip Navigation

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

Problem:
Mega Menu provided by Astra Pro wasn't following the layout on translated pages.

Solution:
Fixed by doing these steps:

1) In WPML -> Settings -> Custom Fields Translation, click "Show system fields" to display the custom fields usually used by plugins and themes, to manage their styles, layouts and related data.

2) Search for "mega" to bring up all the megamenu related fields, there may be several.

3) Set these to "Copy" and save.

4) Then add a test menu item (i.e. custom link) to the menu in Appearance (in default language) and save.

5) Then synchronize menu in WPML -> WP Menus Sync.

Relevant Documentation:
- https://wpml.org/documentation/getting-started-guide/translating-custom-fields/
- https://wpml.org/documentation/getting-started-guide/translating-menus/

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.

Tagged: 

This topic contains 11 replies, has 2 voices.

Last updated by Waqas Bin Hasan 1 year, 4 months ago.

Assisted by: Waqas Bin Hasan.

Author Posts
July 23, 2023 at 1:10 pm #14084657

erezS-3

Hi,
I am new to WPML (I started yesterday).
I am trying to translate my menu, and I am confused.
The menu is a relatively complicated Mega Menu in the Astra Pro Theme.
I tried to synchronize it, but the system created a regular menu (Not a Mega Menu)
You can go to the homepage of hidden link
Switch between English and German and compare the menus.

Questions:
1) Does WPML support the translation of Mega Menus in the Astra theme?
2) If not, what is the best workflow to create the original mega menu in the new languages?

Thanks

July 24, 2023 at 8:13 am #14086755

Waqas Bin Hasan
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

Thank you for contacting the support.

I just checked hidden link and hidden link, but the German version also redirects back to the English (default). And I can not see the different.

Can you confirm if you have translated the home page completely?

I'll also recommend taking a look into this guide https://wpml.org/documentation/getting-started-guide/translating-menus/ for an understanding about translating menus.

Please let me know and I'll try my best to further assist you on the matter.

Regards.

July 24, 2023 at 12:29 pm #14089403

erezS-3

Hi,

It is redirected because only one page on the website is now trasnlated.

Please compare the English version of the page: hidden link
And look at the Mega Menu.

With the German trasnlation: hidden link

Another issue is that every time I change via the language switch (In the header) to the German version, it works OK. But when I try to return to English via the language switcher, I ALWAYS get a 500 error (See attached image). The only way to get rid of it is to reload the homepage and navigate back.

Thanks,
Erez

Screenshot 2023-07-24 152519.jpg
July 25, 2023 at 7:28 am #14093557

Waqas Bin Hasan
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Thank you for the details, I was able to observe the issues.

For mega menu difference, have you checked and tried the guide about translating menus (from my previous message)?

Please let me know.

For the 500 Internal Server Error, this needs to be investigated in detail. Please report it in a separate ticket because as per our policy we can handle only one issue per ticket. I'll advise to enable debugging on your site. See https://wpml.org/documentation/support/debugging-wpml/ for details, and, provide the information in the new ticket accordingly.

July 25, 2023 at 11:59 am #14096175

erezS-3

Hi,
I read it, and I understand.
My issue is with the Mega-Menu which includes many more features like icons, formatting, etc.
It is not in the scope of the support article. My questions are:
1) Does WPML support translations Mega-Menu (Specifically on Astra-Pro Theme)?
2) IF yes, what is the procedure in this case?

Thanks,
Erez

July 25, 2023 at 2:03 pm #14097105

Waqas Bin Hasan
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

For clarification, is this the Mega Menu in question? https://wpml.org/plugin/mega-main-menu/ and hidden link ?

Or can you please give me a link to the plugin's site or page?

You can also check for the plugin compatibility at https://wpml.org/plugin/. If this is compatible, then of course we can try to help with it.

In our forums, I don't see much about it but mostly used with Elementor, while from your debug info I don't see elementor. Also since you are talking particularly about Astra Pro theme, if you could point to the documentation or plugin site, that would be much helpful.

July 25, 2023 at 3:46 pm #14097795

erezS-3

The Mega menu is part of the Astra Pro theme, which consists from the theme itself: hidden link
And a plugin that extends its features: hidden link
The Mega Menu is part of the above-mentioned exention plugin: hidden link

July 26, 2023 at 5:09 am #14099457

Waqas Bin Hasan
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Thank you for the details. Apparently Astra Pro theme seems compatible with WPML.

To take a look into the issue, is it possible for you to provide admin access to your site? You can create a separate admin user for this purpose, which can be deleted afterwards.

Also provide detailed steps to reproduce the issue and links to pages in admin and on frontend.

Remember to take full backup of your website and database before proceeding. However, a staging/test site is highly recommended, because I may need to try some changes/fixes on the site (including plugins & themes deactivation), which may cause conflicts with the live site otherwise.

Please confirm it in your next reply or let me know if you do not agree with the mentioned.

I've set your next reply as private to share this information safely.

IMPORTANT: If you don't see the section for providing access information, do not write in the message box or the information may appear as public.

See https://wpml.org/purchase/support-policy/privacy-and-security-when-providing-debug-information-for-support/ for details on privacy and security.

July 26, 2023 at 5:48 am #14099593

erezS-3

I created a staging copy for this purpose. You can freely play around there: hidden link
I created a user/password for you, but I don't see a section to provide private information. Please guide me on how to do so.
After you have the login credentials, please look at how the main menu looks at the English version of URL: hidden link (See also the screenshot)
My goal is to keep the same styling with all the icons and features and only translate the text to German (URL: hidden link)
Thanks!

olriginal menu.jpg
July 26, 2023 at 11:09 am #14102831

Waqas Bin Hasan
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Thank you for the details.

I've set your next reply as private again to provide the credentials.

July 26, 2023 at 1:15 pm #14104237

Waqas Bin Hasan
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Thanks Erez, I am working on it and 'll get back to you as soon as possible.

July 27, 2023 at 8:36 am #14108459

Waqas Bin Hasan
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Thank you for your patience and cooperation.

I was able to fix this by doing these steps:

1) In WPML -> Settings -> Custom Fields Translation, clicked "Show system fields" to display the custom fields usually used by plugins and themes, to manage their styles, layouts and related data.

2) Searched for "mega" to bring up all the megamenu related fields, there were several (see attached).

3) Set these to "Copy" (https://wpml.org/documentation/getting-started-guide/translating-custom-fields/) and saved.

4) Then added a test menu item (custom link) to the menu in Appearance (in default language) and saved.

5) Then synchronized menu in WPML -> WP Menus Sync (https://wpml.org/documentation/getting-started-guide/translating-menus/) and it seems to work now.

Remember to repeat the step #5 whenever there are major changes to the menu and design, as well as, translate.

mega.jpg
July 27, 2023 at 9:11 am #14108961

erezS-3

OK. Understood. I will test it more thoroughly and report back if I face any issues.

Thanks