Background of the issue:
I am trying to change the language of my site from English to Deutsch or Japan using WPML. The site I need help with is hidden link.
Symptoms:
When I change the language of the site, the header and footer disappear.
Questions:
Why do the header and footer disappear when switching languages on my site?
To clarify, I'm not using Elementor templates for the Headers and Footers . Instead, I'm using custom post types named "Headers" and "Footers" to manage these sections. Could you please advise how I can proceed with translating these custom post types using WPML?
I appreciate your guidance. Below is the screenshot
Ilyes is unavailable today, so let me give you a quick answer.
I think that you're using "Elementor Header & Footer Builder" to create your header.
1- Go to WPML > Settings > Post Type Translation
2- Set the "Elementor Header & Footer Builder (elementor-hf)" post type to "Translatable - use translation if available or fallback to default language"
3- Update the header template
4- Translate it
PS: Elementor PRO allows you to create your own Header and Footer template with display conditions. That's something you may want to look at (in that case follow Ilyes' instructions).
I've noticed that when I change the language, the header and footer do not disappear, instead, they remain visible (Previously it disappeared). But, Now the default style of the header is changing, and I can't find any option for changing the language. Could you please check this on my behalf so we can resolve the issue as soon as possible?
"I reviewed the issue and found that when I change the website language, the header of the page changes. How can I assign the original header to remain the same, even after changing the language on that page?"
I see that the Header design is changing after the translation, so if you are asking how to use the original header on all languages, you simply need to Duplicate it rather than Translate it.
Go to WPML > Translation management > Select the concerned header from the list > Select "duplicate" at the bottom of the page then click duplicate.
This will make other languages use the header as it is in the original language.
If you are still looking to translate it, we could take a look at your site and check if we can fix it,
I opened your next reply to be private and sent you a form where you can share access to your site if you want us to debug the header translation issue,
So the header and footer are now showing on all languages, I have recorded a video to explain an issue you have with the custom language switcher : hidden link
I have reviewed the changes, and everything looks fine except for one issue: the header style changes after switching the language. To help illustrate the problem, I'm providing two screenshots:
- **Screenshot 01**: You can see that the header is positioned above the image.
- **Screenshot 02**: In this screenshot, the header is in a different section, which is not the intended behavior.
I did a couple of tests and found out the issue, here is a video explaining it :
hidden link
Long story short, in English, you are using "Header Transparent" and not "header", that is correct, but somehow, in German and Japanese, it is using the normal "header" and not the transparent one.
So the issue could be fixed simply by assigning the correct template to other languages, I couldn't find where this data is setup under theme options or Elementor template builder, let me know if you want my help, if so, please point to where I could change which header the site could use.
Thank you for the detailed explanation and for looking into the issue.
I’ve also tried to locate where the headers are being assigned, but unfortunately, I wasn't able to find the exact place either. It seems like the issue might be related to how the headers are assigned in different language versions (German and Japanese) and not in the theme options or Elementor template builder where it’s typically configured.
I have tried to edit the wrong header and see how would the other languages act, the changes aren't applied.
I'm afraid my help here is limited as I cannot seem to find where the header is assigned as previous shared. So it could be hard-coded or I'm missing something else.
For next steps, I think it would be best if we first check if the issue persists in a minimal environment by following these steps.
1- Deactivate all the plugins except WPML CMS.
2- Switch for a moment to a WordPress default theme like Twenty Twenty-one.
Please backup your database before performing the above test
If the issue is gone, activate them one by one to see which one there is causing an interaction issue.
Also, it would be also possible to consider using Elementor's default header builder so you can assign the header correctly from the Theme builder.
And finally, please contact the person who assigned these headers at first if possible or your theme authors, as they might have a better idea on where this data is setup.
Best regards,
The topic ‘[Closed] Header and Footer Disappearing When Switching Languages on Website .’ is closed to new replies.
