This thread is resolved. Here is a description of the problem and solution.
Problem: If you're experiencing issues with your website's layout appearing mixed or missing in translated versions when using automatic translations, particularly with the Carousel widget, this might be relevant to you. Solution: We recommend checking if the HTML content within your Carousel widget is correctly formatted. Specifically, ensure that all HTML tags are properly closed. In this case, the issue was caused by a missing closing
</div>
tag in the translations. To resolve this: 1. Navigate to WPML → Settings → Custom XML Configuration and add the necessary configuration to ensure HTML content is correctly passed to the translation. 2. Resend the default homepage for translation by making a small change to the title. 3. Once the translation is completed, the layout should display correctly in all language versions.
If this solution does not apply to your case, or if it seems outdated, 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 issues persist, 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.
We use automatic translations. When we visit hidden link everything looks good but when we visit the english (hidden link) or french version, the layout is all mixed or half is missing. This happens on different pages.
- Please backup the site files and database before providing us access.
- If you have a staging site where the problem can be reproduced, it is better to share access to the staging site.
I had a quick look, and it appears that the page itself is translated correctly. You can confirm this by editing the English homepage with Elementor (see the attached image).
However, the issue seems to be that this translation is not displaying correctly on the frontend. At this point, it’s not entirely clear what’s causing this behavior, so we’ll need to investigate further in a safe testing environment.
If possible, please create a staging site and test the page using the default **Hello Elementor** theme. Since your site is currently using a custom theme, it’s possible that the theme is contributing to the issue.
If creating a staging site is not an option, please let me know. In that case, I can install the **Duplicator** plugin, create a package of your site, and continue testing locally.
You can install the duplicator plugin to test it locally.
We use WPML a lot on the websites from our clients and never had this issue.
Just now we had 2 sites with this problem. On the other website i was able to fix it by manually translating the page but on this page it is worse because it is on different pages and the automatic translation should work.
I’ve taken the site package and tested it locally in a minimal environment. I also tried recreating the homepage from scratch, but the same issue still occurs.
At this point, it looks like the problem may be related to the homepage template itself, which could be causing the unexpected behavior.
I’ve escalated this to our second-tier team for further investigation and guidance. I’ll update you as soon as I have more information.
I'm Prosenjit from the WPML Development Team, and I'll be taking over to help resolve this issue for you.
I've reviewed the entire conversation and understand the problem clearly — the English page layout is breaking while the other language versions display correctly. I'm currently investigating what could be causing this issue on the English page specifically.
Since you've provided access to your site, I'll be looking into this directly and will update you as soon as I have more information or find a solution.
Thank you for your patience while I work through this.
I've checked the issue, and I'm happy to inform you that it's now fixed. You can check both the French and English versions of the page — the layout issue should no longer be there.
Within the carousel widget, you were using an HTML widget to display a line. The problem was that the closing </div> tag was missing in the translations, which caused the layout to appear broken in French and English
To fix this issue:
- I added some configuration in WPML → Settings → Custom XML Configuration to ensure HTML content is passed correctly to the translation
- I then resent the default homepage for translation by making a small change to the title
- Once the translation completed, the layout started displaying correctly in both the French and English versions
Please take a look and verify everything looks good on your end. If you have any other questions or need any clarification, feel free to let me know. I'm here to help!
