Troubleshooting Multilingual Header and Footer Issues with Elementor and WPML/Polylang
Content
Creating a multilingual website with Elementor is a common task, but integrating it with plugins like Elementor Header & Footer Builder (EHF) and translation tools like WPML or Polylang can sometimes lead to unexpected issues. Users frequently report problems where headers, footers, or their styles don't display correctly across different languages.
This guide compiles the most common problems and their solutions based on community reports and resolutions.
Common Multilingual Integration Issues
Based on numerous community threads, the typical problems include:
- Headers or footers not appearing on translated pages.
- Only the default language's header/footer showing on all pages.
- CSS styles not loading correctly for specific language versions.
- Language switcher flags or dropdown arrows not displaying, especially on mobile.
- Editing headers/footers for secondary languages gets stuck or throws errors.
- The backend interface shows "No Templates found" after enabling multilingual support.
Why These Issues Happen
These problems usually stem from a misconfiguration between the translation plugin and the header/footer builder. The header and footer templates are custom post types. For WPML or Polylang to manage them, they must be explicitly set as translatable. Furthermore, caching, permalink conflicts, or specific plugin bugs can also cause these display issues.
Most Effective Solutions
If you're facing these problems, work through these solutions in order.
1. Configure Translation Plugin Settings (CRITICAL)
This is the most crucial step and resolves the majority of reported issues.
- For Polylang: Navigate to Languages > Settings > URL modifications. Ensure the "Elementor Header & Footer Builder" checkbox is enabled in the "Custom post types and Taxonomies" section. This allows Polylang to create and manage translations of your headers and footers.
- For WPML: Go to WPML > Settings > Custom Post Type Translation. Find the post type for your headers and footers (often named something like "Elementor Header & Footer") and set the translation option to "Translatable". Don't forget to also configure the display conditions for each translated template within the EHF settings.
2. Flush Permalinks
A simple but often effective fix for 404 errors, missing content, or front-end display issues is to refresh your WordPress permalinks.
- Go to Settings > Permalinks in your WordPress dashboard.
- Without making any changes, simply click the "Save Changes" button.
- This action refreshes the rewrite rules and can resolve many cross-origin or loading issues.
3. Check Individual Template Conditions
After making your templates translatable, you must set the display conditions for each language-specific version.
- Edit the header or footer template for your secondary language.
- Go to the Display Conditions in the EHF settings.
- Set the condition to display on the specific pages or posts that are in that language. Avoid using broad rules like "Entire Site" for multiple templates, as they can conflict.
4. Investigate Specific Bugs and Workarounds
Some issues are caused by temporary plugin conflicts:
- Base64 Flags Not Displaying: A known bug occurred where Polylang's base64-encoded flag images were not rendered correctly by the EHF plugin. This was typically fixed in a subsequent update. Ensure all your plugins (Polylang and EHF) are updated to their latest versions.
- Mobile Dropdown Arrows: If a dropdown arrow for a language switcher is missing on mobile, remember that the mobile menu often functions as a toggle (hamburger) button. The arrow indicator is part of the desktop menu structure and may not be designed to appear in the mobile view.
When to Seek Further Help
If you have worked through all these steps and your issue persists, it may be a more unique conflict. Before seeking help, ensure you have:
- Updated WordPress, Elementor, EHF, and your translation plugin (WPML/Polylang) to their latest versions.
- Disabled other plugins temporarily to check for a conflict.
- Switched to a default WordPress theme (like Twenty Twenty-Four) to rule out theme-specific problems.
When the problem is complex, providing clear details, such as a short screen recording or a list of your specific plugin versions, will help others assist you more effectively.
Related Support Threads Support
-
Plugin does not work with WPMLhttps://wordpress.org/support/topic/plugin-does-not-work-with-wpml-2/
-
Defalut header on language changehttps://wordpress.org/support/topic/defalut-header-on-language-change/
-
Footer doesn’t appear in multilanguage sitehttps://wordpress.org/support/topic/footer-doesnt-appear-in-multilanguage-site/
-
Facing strange issue with header footer elementorhttps://wordpress.org/support/topic/facing-strange-issue-with-header-footer-elementor/
-
Enabling EHF in Polylang Settings makes the Header invisiblehttps://wordpress.org/support/topic/enabling-ehf-in-polylang-settings-makes-the-header-invisible/
-
Make header compatible with polylanghttps://wordpress.org/support/topic/make-header-compatible-with-polylang/
-
Modify header and footer with elementor doesn’t workhttps://wordpress.org/support/topic/modify-header-and-footer-with-elementor-doesnt-work/
-
Breadcrumb template not translating to secondary languagehttps://wordpress.org/support/topic/breadcrumb-template-not-translating-to-secondary-language/
-
No longer working with Polylang multilingual pluginhttps://wordpress.org/support/topic/no-longer-working-with-polylang-multilingual-plugin/
-
WPML + Header Footer & Blocks incompatiblityhttps://wordpress.org/support/topic/wpml-header-footer-blocks-incompatiblity/
-
How to create Footer on a multilingual site ?https://wordpress.org/support/topic/how-to-create-footer-on-a-multilingual-site/
-
Header and footer not showing on translated pageshttps://wordpress.org/support/topic/header-and-footer-not-showing-on-translated-pages/
-
WPML not workinghttps://wordpress.org/support/topic/wpml-not-working-6/
-
ISSUE EHF + POLYLANGhttps://wordpress.org/support/topic/issue-ehf-polylang/
-
WPML and Header/Footer pluginhttps://wordpress.org/support/topic/wpml-and-header-footer-plugin/
-
WPML compatibility issuehttps://wordpress.org/support/topic/wpml-compatibility-issue-12/
-
EHF in multilanguage sitehttps://wordpress.org/support/topic/ehf-in-multilanguage-site/
-
WPML Site Footer translationhttps://wordpress.org/support/topic/wpml-site-footer-translation/
-
Multilanguage footer and issue with menushttps://wordpress.org/support/topic/multilanguage-footer-and-issue-with-menus/
-
Header, Footer & Blocks for Elementor + Polylanghttps://wordpress.org/support/topic/header-footer-blocks-for-elementor-polylang-2/
-
French translation completedhttps://wordpress.org/support/topic/french-translation-completed/
-
footer not translated with Polylanghttps://wordpress.org/support/topic/footer-not-translated-with-polylang/
-
Style not taken with wpml duplicateshttps://wordpress.org/support/topic/style-not-taken-with-wpml-duplicates/
-
Language switcher on mobilehttps://wordpress.org/support/topic/language-switcher-on-mobile-2/
-
Polylanghttps://wordpress.org/support/topic/polylang-110/
-
Header footer not showing on WPML translated pagehttps://wordpress.org/support/topic/header-footer-not-showing-on-wpml-translated-page/
-
Polylang, Elementor, Header Footer & Blocks, Multilanguage Special Pageshttps://wordpress.org/support/topic/polylang-elementor-header-footer-blocks-multilanguage-special-pages/
-
Header not rendering properly when switching language (TranslatePress)https://wordpress.org/support/topic/css-problem-with-translatepress/
-
Polylang Base64 flags (data image) do not appear/not generatedhttps://wordpress.org/support/topic/polylang-base64-flags-data-image-do-not-appear-not-generated/
-
Footer displayed in wrong languagehttps://wordpress.org/support/topic/footer-displayed-in-wrong-language/
-
sprintf (): error when translating some languageshttps://wordpress.org/support/topic/sprintf-error-when-translating-some-languages/
-
Custom Header & Footer somehow reverted to theme header and footerhttps://wordpress.org/support/topic/custom-header-footer-somehow-reverted-to-theme-header-and-footer/
-
Elementor Header & Footer Builder (TranslatePress)https://wordpress.org/support/topic/elementor-header-footer-builder-translatepress/