Multilingual website missing desktop header for one language occassionally

Hi Elise,
thanks for your response! I am hesitating switching from Polylang to WPML as it works pretty well and is very lightweight which I consider very important. Besides I’ve never had an issue using Polylang. Maybe I need to try to build a language specific header with Elementor hoping that this will look the same.
Best
Daniel

Hi Elise,
sorry for getting back to this issue, but I’ve tried to create a header with Elementor but that’s not offering the same feeling I like of your theme (Chapeau, it’s really awesome!). That’s why I’ve dropped my already paid premium Polylang plugin and purchased the WPML to comply with your theme, which gives me a hard time finding all my strings to translate (pain!).
However after switching the translation plugin the problem with the occasionally missing desktop header in one of the two languages remain. And I do not have any idea why. As in the screenshot you can see that the header itself is actually there but the content is not showing up. Any idea what could cause that behaviour?

I’m running Woodmart with Elementor Pro, WPML and Breeze for caching.

Hi Elise,

I’ve checked all your recommended steps and still the header for desktop in German language gets lost while everything else works fine. After purging the cache it appears but still I’m confused that it’s getting lost anyway. The behavior was identical with Polylang and WPML which is now installed.
If you say I have to create the header for each language do I have to create to same looking headers and refer to the other or is it enough to just translate my one header?
Anyways I have created admin access to my website and I would be very happy if you could have a look.

Thank you very much!

Thanks for checking Elise.

Ok, I understood that I have to create a new header for the other language and connect it via the string translation. Your second screenshot refers to the unused default header but I’ve translated it anyway.

Let’s see if it’s working out now 🙂

Hi Elise,
The issue is still there and it’s really annoying to checke the headers for my pages on desktop all the time. How is it possible that it affects the desktop version and some and not all pages only?
Is there a way to force the header to be loaded with a higher priority or something? I mean if the header is not present it really is missing in the source code. I could imagine that there might be fragments of an older Elementor template blocking the condition but I have deleted every thing not needed.
For sure the translation should be no problem as it was happening with Polylang and is still happening with WPML.
Thank you for your time! That issue really bothers me.

Hi Elise,
I’ve found a topic in this forum regarding the header builder and Breeze and I used the chance to compare the working desktop header in English versus the missing German one and found one JS missing (device.js) and I guess that might be the issue as the mobile header always worked out but not the desktop version.
I’ve excluded that JS from Breeze and let’s see if it fixes the issue. Your approach to check the translation of the header is smart too. I saw you added a text element. The translation within the header works pretty fine and the second one could be deleted as WPML one needs one element.
Before we are taking more steps let see if the issue persists after excluding the device.js.
Best
Daniel

Hi Elise,

I’m still digging to find the error that seems very random and I compare the exact sites with and without the header on desktop for each language and I noticed that the content of the desktop header is missing because the css classes are set to be like for mobile.
Do you happen to know what could cause that behavior?

I would just say that caching is not working out to distinct between mobile and desktop and maybe caches the websites randomly with mobile and desktop header. I could test to create a separate cache for mobile. Let’s see.

Best
Daniel

Hi Elise,

any updates from your side? As I wrote earlier the separate cache with WP Optimize for mobile seems to do the job. And now I am kind of missing my optimization and tracking plugin 🙂

Best
Daniel

Hi Elise,

I had to roll back the application to get everything up and running again for today’s releases and newsletter. Thank you for the suggestion to deactivate the mobile DOM optimization. However setting up different cache for mobile and desktop seems to solve the issue anyway.

Thank you very much for your help. I guess we can close that topic as solved as I haven’t seen that issue for more than a day.