Skip Navigation

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.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: America/Los_Angeles (GMT-08:00)

This topic contains 6 replies, has 2 voices.

Last updated by Bobby 4 months, 4 weeks ago.

Assisted by: Bobby.

Author Posts
September 12, 2024 at 11:22 pm #16173613

mohabM-4

Background of the issue:
first of all i got this issue in this topic " https://wpml.org/forums/topic/when-i-upload-wpml-with-traveler-theme-website-cracked-404-error/" and i got it resolved so now i'm facing this new issue.

I am trying to translate my site but when I activate WPML, CSS gets broken in some sections. Link to a page where the issue can be seen: hidden link

Symptoms:
CSS gets broken in some sections when WPML is activated.

Questions:
Why does activating WPML break the CSS in some sections?
How can I fix the broken CSS when WPML is activated?

September 13, 2024 at 1:05 am #16173785

Bobby
Supporter

Languages: English (English )

Timezone: America/Los_Angeles (GMT-08:00)

Hi there,

Is the CSS breaking only for the items in your screenshot?

What are your results if you edit with Elementor, make a small change and update.

September 13, 2024 at 5:01 am #16173873

mohabM-4

No footer and header are also affected.

And some other sextons

I've tried everything I can. Update page by elementor.

Regenerate css

Switch loader in elementor

And no thing happen. And I'm very rush please accept to take usernames and passwords and fix the problem ASAP

September 13, 2024 at 7:32 pm #16177652

Bobby
Supporter

Languages: English (English )

Timezone: America/Los_Angeles (GMT-08:00)

Thank you for the feedback, before we log in I'd like you to share with me the following:

-- Is this a new installation of WPML on this site?

-- Did WPML possibly exist on this site previously? Are there existing translations?

-- Are you using a custom theme, or using any custom code within the theme that would interfere with WPML ?

I would like to request temporary access (wp-admin and FTP) to your site to test the issue.
(preferably to a test site where the problem has been replicated if possible)

**Before we proceed It is necessary to take FULL BACKUP of your database and your website. Providing us with access, you agree that a backup has been taken **

I often use the Duplicator plugin for this purpose: http://wordpress.org/plugins/duplicator/
You will find the needed fields for this below the comment area when you log in to leave your next reply.
The information you enter is private which means only you and I have access to it.

NOTE: If access to the live site is not possible and the staging site does not exist please provide me with a duplicator package created with the duplicator plugin.

Thank you,
Bobby

September 16, 2024 at 5:57 pm #16185217

Bobby
Supporter

Languages: English (English )

Timezone: America/Los_Angeles (GMT-08:00)

Thank you for the access details!

I deactivated WPML and could right away see the broken CSS issue.

Please try the following and let me know your results:

- Update Elementor & Elementor PRO to their latest versions

The latest versions had major updates on a fix affecting styling and the way it loads in the front end, there is a high chance this could resolve this issue.

Also, I highly recommend updating the rest of the plugins as well, especially WooCommerce.

Let me know your results, please.

NOTE: I'd be happy to do this, however, I would not run updates to plugins without your consent first 🙂

September 18, 2024 at 6:45 pm #16195159

mohabM-4

hidden link

see this video

September 19, 2024 at 11:42 pm #16200934

Bobby
Supporter

Languages: English (English )

Timezone: America/Los_Angeles (GMT-08:00)

Hi there,

The code added is only meant to be added once and then removed.

I have ran it again for you and it works OK now that it's removed.

WPML was missing the languages from WPML->Languages which was possibly causing this behavior.

As there was no translation work done so far I went to WPML->Support->Troubleshooting and reset WPML then made sure to set the German language as default as most of the pages are in German from what I can see and English as secondary.

You can edit this in WPML->Languages.

At the moment it's working OK and the CSS looks OK.

Let me know your results, please.

The topic ‘[Closed] Broken CSS’ is closed to new replies.