[Resolved] The translated pages are displaying broken or incorrect CSS styles

Problem:

The client was experiencing issues with broken CSS on their multilingual site pages using the Bricks theme. The CSS conflicts occurred because the Bricks theme custom fields were set as 'Don't translate', preventing styles and alignment preferences from being copied to secondary language pages.

Solution:

We resolved the issue by adjusting the WPML settings to ensure that the Bricks theme custom fields are copied to translations:

1) Navigate to WPML>>Settings>>Custom Fields Translation.
2) Click on the Show system fields link.
3) Search for 'bricks' fields.
4) Select the Copy option for these fields and save the changes.
5) Open the Contact page for editing in Romanian and update the page.
6) Update the English translation of the Contact page.
7) Repeat steps 5 and 6 for the Order page.

We recommend clearing your site's caches after these changes.

If the issue persists or if this solution becomes outdated, please check related known issues at https://wpml.org/known-issues/, verify the version of the permanent fix, and confirm that you have installed the latest versions of themes and plugins. If necessary, do not hesitate to open a new support ticket at WPML support forum for further assistance.