Skip Navigation

Home › Support › English Support › [Resolved] Layout broken for the translated page build with custom fields

[Resolved] Layout broken for the translated page build with custom fields

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

Problem:
The client was experiencing an issue where the layout of the translated page, which was built with custom fields, was broken and not all CSS styles were working.

Solution:
We checked the site and found that the field groups did not have a translation mode set. We selected "Same fields across languages" in the About Us field group. Then, we updated the page in the default language and its translation. We advised the client to edit their field groups to select the translation mode and provided a guide for reference: https://wpml.org/documentation/related-projects/translate-sites-built-with-acf/.

If the solution provided here is not relevant to your case, either because it's outdated or it doesn't apply to your situation, we recommend opening a new support ticket. We also 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 further assistance is needed, please contact us in the WPML support forum.

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 2 replies, has 2 voices.

Last updated by Osama Mersal 9 months, 3 weeks ago.

Assisted by: Osama Mersal.

Author Posts
March 6, 2024 at 8:57 am #15377945

mischaS-8

I am trying to: have the same layout for the translated page. It's built with custom fields.

Link to a page where the issue can be seen: hidden link

I expected to see: the same layout as on the English page hidden link

Instead, I got: layout is broken, not all CSS styles are working, visible here hidden link

All the settings are configured, layout chosen, page type selected on the page level, and all the translations inserted.

Thanks in advance for your assistance.

translated-layout.jpg
correct-layout.jpg
March 6, 2024 at 9:34 am #15378141

Osama Mersal
Supporter

Languages: English (English ) Arabic (العربية )

Timezone: Africa/Cairo (GMT+02:00)

Hi,

Thanks for contacting WPML forums support. I'll be glad to help you today.

1) I would need to look closely at your site, so I would need to request temporary access (WP-Admin and FTP)
Preferably to a test site where the problem has been replicated.

Your answer will be private, meaning only you and I can access it.

❌ Please backup your database and website ❌

✙ I would need your permission to de-activate and re-activate the Plugins and the Theme and change configurations on the site. This is also a reason the backup is critical.

✙ I also need your permission to take a local copy of your site to debug the issue without affecting your live site.

2) It's not related to the issue, but according to your Debug.info, the WP memory limit needs to be increased. PHP memory is fine, but WordPress uses 40Mb as default. The minimum requirements for WPML are 128 MB. (Kindly check this page https://wpml.org/home/minimum-requirements/)

You can increase it by adding the following code in your wp-config.php file right before the /* That's all, stop editing! Happy publishing. */ line:

/* Memory Limit */
define('WP_MEMORY_LIMIT', '256M');
define( 'WP_MAX_MEMORY_LIMIT', '256M');

Best regards,
Osama
March 6, 2024 at 11:18 am #15378641

Osama Mersal
Supporter

Languages: English (English ) Arabic (العربية )

Timezone: Africa/Cairo (GMT+02:00)

Hi,

Thanks for the access details. I checked the site and found that the field groups don't have a translation mode, so I selected "Same fields across languages" in the About Us field group. (hidden link)

After that, I updated the page in the default language and its translation. Please check if the translated about page works correctly. (hidden link)

Kindly edit your field groups to select the translation mode. Please check this guide. (https://wpml.org/documentation/related-projects/translate-sites-built-with-acf/)

Best regards,
Osama
March 9, 2024 at 9:20 pm #15391992

mischaS-8

That's great, thank you, Osama, so much, for your wonderful support!
All the best!