Background of the issue:
I’m experiencing an issue with WPML on my WordPress website hidden link. I’m using three languages: English (default), German, and Arabic. The language switch works correctly on the desktop menu, and each language shows its correct menu as expected. However, on mobile, the menu always shows the English version regardless of the selected language. All menu locations are correctly assigned per language under Appearance > Menus. I’m using the FoundationPress theme, and the mobile menu is rendered using the 'mobile-off-canvas' theme location (via wp_nav_menu() with theme_location). No recent changes were made to the theme files. The issue started suddenly — it used to work fine before.
Symptoms:
On mobile, the menu always shows the English version regardless of the selected language. I expected to see a translated menu for each language, but instead, I got the English version for all languages.
Questions:
How can I fix the issue with the mobile menu showing the English version for all languages?
Is there a problem with how WPML is handling the mobile-off-canvas menu location on mobile?
Are you using the custom theme? I noticed that 'mobile-off-canvas' uses a separate menu for mobile. Could you please show the part of the code where you display the menu on the site? Have you fully translated the mobile menu?
Yes, I’m using a custom theme based on FoundationPress.
The mobile menu is rendered separately using the 'mobile-off-canvas' theme location, which is registered in functions.php as follows:
register_nav_menus(
array(
'top-bar-r' => esc_html__( 'Right Top Bar', 'foundationpress' ),
'mobile-nav' => esc_html__( 'Mobile', 'foundationpress' ),
)
);
And the mobile menu is displayed using this code in template-parts/mobile-off-canvas.php:
wp_nav_menu(
array(
'container' => false, // Remove nav container
'menu' => __( 'mobile-nav', 'foundationpress' ),
'menu_class' => 'vertical menu',
'theme_location' => 'mobile-nav',
'items_wrap' => '<ul id="%1$s" class="%2$s" data-accordion-menu data- submenu-toggle="true">%3$s',
'fallback_cb' => false,
'walker' => new Foundationpress_Mobile_Walker(),
)
);
✅ All menus are fully translated in WPML.
✅ Each language has its own menu assigned to the ‘mobile-off-canvas’ location in Appearance > Menus, using the WPML language switcher at the top.
✅ The desktop menu ('primary') works correctly for all languages.
The issue is only happening on mobile: no matter which language is selected, the English version of the mobile menu always appears.
This issue started recently — previously, WPML was switching the mobile menu correctly.
I’ve already tried:
• Reassigning and syncing menus in WPML → WP Menus Sync
• Running cleanup actions in WPML → Support → Troubleshooting
• Clearing all caches (plugin, server, CDN)
Please advise on what else I can check or whether there’s something in WPML that may be causing this fallback behavior on mobile. I can also share credentials or debug info if needed.
