Skip to content Skip to sidebar

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: Europe/Tirane (GMT+02:00)

This topic contains 10 replies, has 2 voices.

Last updated by Marsel Nikolli 1 year, 8 months ago.

Assisted by: Marsel Nikolli.

Author Posts
November 2, 2023 at 10:04 am #14714819

vincentG-26

I’m currently translating a website from English to Dutch, and see a lot of css related issues, especially on templates like the header and footer. See the pictures of the footer. I translated the template where I was careful to only translate the actual text.

1. Picture of front end: bottom the original English version, top the translated Dutch version
2. Picture of source: left the Dutch version, right original English, where you can see that a piece of css is missing.
3. Picture of the header, where in the Dutch version (top) a piece of the global menu is missing

The issue is pretty random: most of the css is OK, but some is off because there are changes in the HTML-structure and some css is simply gone.

It seems random, but possibly we are overlooking something.

We’re using Bricks as page builder.

Screenshot 2023-11-02 at 11.02.23.png
Screenshot 2023-10-31 at 09.19.02.png
Screenshot 2023-10-31 at 09.11.04.png
November 2, 2023 at 2:50 pm #14718029

Marsel Nikolli

Hi,

Thank you for contacting WPML Support.

It would be helpful if you can help me out with some more information related to:

1- How are you creating the header for example and how are you translating it
2- Does this issue happen randomly on the same page or just randomly in different pages

I also noticed from the picture of source you sent that on the English version there is a CSS file created (post-161.min.css), do you know how this file is being created (is there any custom CSS code being applied somewhere)?

It would appreciate if you can you send me 1/2 links were the issue happens so I can check.

Looking forward to your reply,
Marsel

November 3, 2023 at 3:26 pm #14726933

vincentG-26

Hi Marsel,
Thanks for your reply.

Enclosed a picture with some screenshots and explanation of the header. I hope is isn’t to complicated.

As you can see, the header has 2 menu’s. The problem occurs with the top-menu, which contains a classic WP menu. The main menu is hand build and works fine.

Because it’s a header, the problem occurs on all pages. The same applies to the footer.

The website I’m translating isn’t on a live website, so I'm not sure if i can give you access.

I'll have a look at that css-file, but the source code shows that it might be also html-related. See also the first screen I send you of the footer.

I hope this helps to clarify something.

Thanks in advance,
Vincent

USoft header problem En data-lazy-src=
November 6, 2023 at 9:03 am #14735793

Marsel Nikolli

Hi Vincent,

Thank you for the detailed explanation.

To investigate further if this issue might be related to any compatibility problem with any plugin you are using,

1) Would it be possible to check if the issue happens in a more minimal setup, meaning:
- keep the theme you have active
- enable only WPML plugins
- disable all the other plugins

2) Also, please is there any possibility you can you provide a temporary access on the frontend of the website so I can check as well.

Looking forward to your reply,
Marsel

November 7, 2023 at 3:28 pm #14749051

vincentG-26

Hi Marsel,

How can I send you the login data for the access privately?

November 7, 2023 at 3:35 pm #14749277

Marsel Nikolli

Hi Vincent,

I set you reply as private, you should see a box where you can send the login details.

Thank you.

November 7, 2023 at 5:11 pm #14750429

Marsel Nikolli

Can you please guide me how can I access the Dutch version of the website?

I tried going to hidden link but it keeps redirecting me on homepage of the English version.

I am able to see the Dutch flag icon only if I enter a random string at the end of the website URL, like: hidden link , but once I click it, I am redirected again to the homepage in English.

November 8, 2023 at 8:28 am #14753525

vincentG-26

I'm sorry, we only translated a couple of posts when we ran into the trouble described above

One of those is hidden link

Hope this helps.

November 8, 2023 at 10:00 am #14754651

Marsel Nikolli

Thank you for the instructions, I was able to access the page.

Please can you tell me if you were able to test if the issue happens if a minimal setup as suggested: https://wpml.org/forums/topic/css-issues-on-translated-templates/#post-14735793

November 9, 2023 at 11:52 am #14765995

vincentG-26

Hi Marsel,

I disabled all plugins except (obviously) the WPML ones, and this is what I got. I took a screenshot of the header and footer, where you see that most of the css is gone (because I use ACSS) but the effect on the menu for example is the same. I then re-activated only ACSS, and that fixes the global menu for the most part.

But compare that to the screens I sent you, and the effect is till the same. Which suggests that it is not a plugin incompatibility.

Hope this helps.

(Because I feared WP Total Cache could interfere – we don't have the pro version – I disabled it some time ago, without any effect.)

Screenshot 2023-11-09 at 12.40.26.png
Screenshot 2023-11-09 at 12.39.47.png
Screenshot 2023-11-09 at 12.39.19.png
November 9, 2023 at 1:53 pm #14767691

Marsel Nikolli

Hi,

Thank you for the update and detailed information.

To troubleshoot further I set up a sandbox site where I would require you to try and recreate the issue:

1) You can log in on the sandbox site using the one-click-login link:
hidden link
In the sandbox the WPML plugins are already activated, please configure them as on your website, also please upload only the necessary theme/plugins needed to reproduce the issue.

2) Also, could you tell me how to reproduce the issue step by step?

Let me know if you need any help with the sandbox.

Looking forward to your reply,
Marsel

The topic ‘[Closed] CSS issues on translated templates’ is closed to new replies.