Skip Navigation

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

Problem:
If you're experiencing issues with your website appearing broken on Arabic pages, it's likely due to the theme styling not being properly configured for RTL (Right-to-Left) languages.
Solution:
We recommend checking the RTL styles of your theme. Typically, websites use a

style.css

file for LTR (Left-to-Right) languages and a

style-rtl.css

file for RTL languages. If the

style-rtl.css

is not properly set up, it can cause display issues on RTL language pages. You should reach out to your theme developer to address this issue or consider using a theme that supports RTL languages.

If this solution doesn't look relevant to your issue, please open a new support ticket with us.

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

Last updated by Shekhar Bhandari 1 year, 4 months ago.

Assisted by: Shekhar Bhandari.

Author Posts
December 28, 2023 at 4:10 pm #15135388

Javier

Hi, I'm trying to translate my website to arab and when I go to arab pages, my website is all broken.

December 29, 2023 at 5:22 am #15135952

Shekhar Bhandari
WPML Supporter since 03/2015

Languages: English (English )

Timezone: Asia/Kathmandu (GMT+05:45)

Hello Javier. 🙂

Welcome to WPML support. I'd be happy to help you with this.

Can you provide me with more information about the issue, links, and screenshots will be helpful.

Further, We've recently rolled out a new version of WPML plugins. Could you please update your plugins to the latest version and inform me if it resolves the issue?

Our WPML updates are distributed gradually. If your websites haven't received this update yet, please be patient, and you should see it within a few days.

If you want to expedite the process and receive the update immediately, follow these steps:
1. Go to the Plugins → Add New page.
2. Click on the Commercial tab.
3. Then, click the "Check for updates" button.
https://wpml.org/wp-content/uploads/2020/04/wpml-force-plugin-update-1.png

Please remember to create a backup before updating, as a precaution.

Look forward to your reply.

Thanks

December 29, 2023 at 9:10 am #15136114

Javier

Hi Shekhar,
I send you screenshots of the web. This is ascale.es (hidden link). Maybe you can check the code

Captura de pantalla 2023-12-29 a las 10.08.39.png
December 29, 2023 at 9:51 am #15136192

Shekhar Bhandari
WPML Supporter since 03/2015

Languages: English (English )

Timezone: Asia/Kathmandu (GMT+05:45)

Hello there,

To debug this issue further, I would need to check your site settings once, for this I would need temporary access (wp-admin and ftp) to your site.

So could you please provide me with those details, you will find the needed fields for this below the comment area when you log in to leave your next reply.
hidden link

This info is private and available to you and WPML supporters only.
Read more about this: https://wpml.org/purchase/support-policy/privacy-and-security-when-providing-debug-information-for-support/

Note:
Backup your sites before providing the credentials or if possible provide credentials for the test site

Look forward to your reply.

Thanks

December 29, 2023 at 10:07 am #15136252

Shekhar Bhandari
WPML Supporter since 03/2015

Languages: English (English )

Timezone: Asia/Kathmandu (GMT+05:45)

Hello there,

The provided access is not administrative access, so please upgrade the privileges to administrator so I can debug this issue further.

Look forward to your reply.

Thanks

December 29, 2023 at 10:09 am #15136283

Javier

Ok! Sorry, It's ok just now

December 29, 2023 at 10:17 am #15136288

Shekhar Bhandari
WPML Supporter since 03/2015

Languages: English (English )

Timezone: Asia/Kathmandu (GMT+05:45)

Hello there,

This is not a WPML issue rather than your theme styling issues, on other languages, the sites use LTR direction which is styled by using style.css, and in Arabic RTL direction is used and style-rtl.css is used.

The RTL styles aren't created properly so it looks broken, please contact the theme developer to fix this or use a RTL supported theme.

Let me know if this helps.

Thanks

December 29, 2023 at 1:18 pm #15136768

Javier

What I see is that with the Arabic language my website does not load the Tailwind library and that is why the website does not have styles. Doesn't it have anything to do with WPML?

January 1, 2024 at 1:12 pm #15139474

Shekhar Bhandari
WPML Supporter since 03/2015

Languages: English (English )

Timezone: Asia/Kathmandu (GMT+05:45)

Hello there,

As mentioned I don't think it's WPML issue, You can disable WPML and set the WordPress language to arabic to confirm this.

Thanks