Skip Navigation

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

Problem:
If you're experiencing issues where images are not displaying in the English version of a new mega menu entry, while they appear correctly in Chinese, the likely cause is missing specific CSS classes.
Solution:
We recommend following these steps to resolve the issue:
1. Navigate to Appearance → Customize → Menus.
2. Click on the Gear icon and activate "CSS Classes".
3. Return to Appearance → Menus.
4. Switch to the English menu and add "megamenu full col-6" to the new menu item.

Please note that this solution might be outdated or not applicable to your specific case. 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 the issue persists, 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 10 replies, has 0 voices.

Last updated by Andrey 1 week, 5 days ago.

Assisted by: Andrey.

Author Posts
June 8, 2025 at 3:51 am #17115962

marcusM-10

Background of the issue:
I am trying to display images in the mega menu on my site hidden link. The menu uses a megamenu function as part of the theme. The images work correctly in both English and Chinese for existing menu entries. However, for a new menu entry (日常保護系列), the images only appear in Chinese, not in English.

Symptoms:
The images do not appear in the English version of the new menu entry, only the regular WP menu is shown instead of the mega menu.

Questions:
Why are the images not appearing in the English version of the new menu entry?
Is this issue related to WPML, and how can it be resolved?

June 8, 2025 at 3:58 pm #17116534

Christopher Amirian
WPML Supporter since 07/2020

Languages: English (English )

Timezone: Asia/Yerevan (GMT+04:00)

Hi,

Welcome to WPML support. The issue might happen because the theme you use do not tell WPML which custom fields to copy.

WPML’s Menu Sync only duplicates the menu structure (items and hierarchy), not the custom-layout or image settings of Mega Menu items.

Without telling WPML to copy custom fields, the English version ends up missing those crucial settings, rendering it as a simple plain menu.

See if the steps below fix the issue:

1. Enable Copy for Mega Menu Fields

Navigate to WPML → Settings → Custom Fields Translation.

Click “Show system fields” so WPML lists all fields including those used for mega menu layouts.

Search for fields with keywords like mega, menu, image, or within your theme prefix.

For each relevant field (layout type, image, structure), set translation to Copy.

Save these settings

2. Resync the Menus

Go to WPML → WP Menus Sync.

Confirm or select the English and Chinese menus.

Click “Sync” to ensure copies include both structure and custom field values

Please have a backup of the website before following this step

3. Reconfigure the English Mega Menu

Go to Appearance → Menus, switch to English using the language switcher.

Expand the menu item for 日常保護系列 (or its translated version).

Manually select or confirm the intended Mega Menu layout and image settings.

Save the menu. These settings will now be preserved in English.

For more information:

hidden link

Thanks.

June 13, 2025 at 2:40 pm #17133979

marcusM-10

Unfortnately that didn't work, just resulted in a screwed up menu but megamenu still not working. I've found a clue though, in the original chinese language the megamenu class is present in the code as so:

megamenu full col-6 menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-17343 bridge-height-set

but in the translated i.e. English, all other menu items have the same megamenu class as Chiense EXCEPT the one menu header that isn't working

menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-22049

The megamenu class has disappeared. Any ideas?

June 16, 2025 at 3:12 pm #17139696

Andrey
WPML Supporter since 06/2013

Languages: English (English ) Russian (Русский )

Timezone: Europe/Kyiv (GMT+03:00)

Thank you for your feedback. Unfortunately, Christopher is temporarily unavailable. I will be assisting you further. I hope this is fine.

Could you tell me the following:
- How do you add images (custom HTML, widgets, or a builder)?
- Did you duplicate the menu or create it from scratch in the second language?
- Have you manually adjusted any megamenu classes?

I suspect that your current theme mega menu uses manual content, and you must replicate the same structure for each translated menu.

For example:

1. Go to Appearance → Menus.
2. At the top, select the language you want to edit (e.g., English, German, etc.).
3. Check that the mega menu items exist in each language’s menu — including any images, icons, or custom HTML.
• Theme might use menu descriptions or custom HTML blocks for mega menu content.
• Manually adjust or copy them.

Before making any changes, please ensure that you back up your database first.

June 16, 2025 at 4:39 pm #17139957

marcusM-10

Thanks for your reply
- The images for the menu are added as part of the regular WP - Menus screen. It's part of the "Savoy" theme functionality.
- Menu was duplicated
- No manual adjustment

What is strange is that for one of the submenus that has the correct class, it works fine in both languages, can add a new menu item and translation shows up, it's the one menu branch missing the CSS class that doesn't work.

Unfortunately it IS exactly replicated. Screenshot is from the translated langauge in this case English and the megamenu content is identical to Chinese.

Screenshot 2025-06-16 173828.png
June 17, 2025 at 3:27 pm #17143166

Andrey
WPML Supporter since 06/2013

Languages: English (English ) Russian (Русский )

Timezone: Europe/Kyiv (GMT+03:00)

Thank you for your feedback.

I need to request temporary access (wp-admin and FTP) to your site—preferably to a test site where the problem has been replicated if possible—in order to be of better help. When you log in to leave your next reply, you will find the needed fields below the comment area. The information you will enter is private, meaning only you and I can see and access it.

June 19, 2025 at 3:49 pm #17151650

Andrey
WPML Supporter since 06/2013

Languages: English (English ) Russian (Русский )

Timezone: Europe/Kyiv (GMT+03:00)

Thank you for the details.

I am not able to open the site. It isn't accessible. Can you please check this?

Screenshot-2025-06-19-at-18-48-51.png
June 23, 2025 at 8:28 am #17158425

marcusM-10

Sorry, should be working now

June 23, 2025 at 11:41 am #17159859

Andrey
WPML Supporter since 06/2013

Languages: English (English ) Russian (Русский )

Timezone: Europe/Kyiv (GMT+03:00)

Thank you for the details.

You are right. The reason for the issue is that the "megamenu full col-6" classes are missing. They were added manually but hidden, so you weren't able to see them when adding the new English menu item.

Here is an outline of the steps:

1. Go to Appearance → Customize → Menus

2. Click on the Gear icon and activate "CSS Classes"

3. Go to Appearance → Menus

4. Switch to English and add "megamenu full col-6" to the new menu item

I have attached the screenshots for your review.

Screenshot-2025-06-23-at-14-39-46.png
Screenshot-2025-06-23-at-14-38-14.png
Screenshot-2025-06-23-at-14-32-40.png
Screenshot-2025-06-23-at-14-32-22.png
June 23, 2025 at 12:47 pm #17160363

marcusM-10

Thanks so much! That was driving me nuts trying to work that one out! Fixed now.

June 23, 2025 at 1:53 pm #17160972

Andrey
WPML Supporter since 06/2013

Languages: English (English ) Russian (Русский )

Timezone: Europe/Kyiv (GMT+03:00)

Yes, it was a tricky one 🙂 Great, that it works now. Have a nice week!