Skip Navigation

This thread is resolved. Here is a description of the problem and solution.

Problem:
The client added a WPML language switcher to their site, but changing the language was breaking the page design.

Solution:
We identified that the issue was due to certain fields in the 'Page settings' section not being copied to the translations when editing the page in the default WP editor. We changed the configuration of the following fields in WPML -> Settings -> Custom Fields Translation to 'Copy' instead of 'Don't translate':

  • content_type
  • _header_disable
  • _title_disable

To resolve the issue, follow these steps:
1. Open the page or post in the default language for editing.
2. Make a small change, such as adding a word or dot.
3. Save the changes.
4. Update the translation.
5. Ensure that any Elementor template used on this page or post is also translated and published.

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.

Tagged: 

This topic contains 0 replies, has 0 voices.

Last updated by Waqas Bin Hasan 2 weeks, 2 days ago.

Assisted by: Waqas Bin Hasan.

Author Posts
November 26, 2024 at 10:13 am

danielH-157

Background of the issue:
I have added a language switcher from WPML to my site hidden link.

Symptoms:
Whenever I'm changing the language, it's breaking the whole page design.

Questions:

November 26, 2024 at 11:12 am
November 26, 2024 at 1:13 pm #16444902

Waqas Bin Hasan
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Thank you for your patience and cooperation.

I was able to find and fix the issue. The problem was coming from "Page settings" section in the sidebar when editing the page in default WP editor. The fields from this section (see attached) weren't being copied to the translations.

So I've changed config of the following fields in WPML -> Settings -> Custom Fields Translation to "Copy", instead of "Don't translate":
- content_type
- _header_disable
- _title_disable

After that, I made a simple edit in the page's title (added ...) in default language, saved and then updated the translations. I did this for the home page and after confirming, have removed those ... and have updated the translations again.

So now all the translations also have the same design as of the default language for the home page. Besides this I also translated the relevant elementor templates used on this page (see attached).

To fix the design issue on other pages, please remember to follow these steps:

- Since the mentioned fields have already been translated, you don't need to set those in WPML settings but follow rest of the following.
- Open the page or post in default language for editing.
- Make a small change like a word or dot.
- Save.
- Update the translation.
- Also make sure that any elementor template used on this page or post should also be translated and published.

templates.jpg
page settings.jpg
fields.jpg
November 27, 2024 at 6:50 am #16447525

danielH-157

ok i need to add updated website in staging website as this website has so many errors ill do the steps carefully and ill let you know if i find any issue. if everything goes fine ill close the ticket

November 27, 2024 at 8:05 am #16447772

Waqas Bin Hasan
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Sure, please take your time and feel free to write again if you need more help regarding this issue.

All the best and have a great time 🙂

November 27, 2024 at 2:22 pm #16450439

danielH-157

why its not showing any section and articles here?
design is working fine but its not showing anything in any langauge please tell me how to resolve this

image (2).png
November 28, 2024 at 6:26 am #16452402

Waqas Bin Hasan
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Thank you for confirming about the design issue.

For the other issue, please make sure the content supposed to display for those sections is translated completely and published.

If the other issue continues to appear, I recommend opening a separate ticket/chat because as per forum policy we can only handle one issue per ticket/chat. So you can get more to the point help, without mixing up several issues in one long ticket.