[Resolved] Mega Menu Not showing images in translated version
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.
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?
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
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.
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.
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.
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