[Closed] CSS files not loading on translated version of website

Hi There!
I hope you're doing well.

We checked and found that some CSS rule wasn't properly applied to the MD version of the site, causing an element below the menu item to appear incorrectly on the frontend and other styling issues. This issue may have occurred due to the optimization of the CSS files.

I added the CSS rules specifically for the MD version under "Appearance > Customize > Additional CSS", then cleared the used CSS and caches from WP Rocket. After these changes, the header on the MD version now displays correctly on Desktop and Mobile. I monitored the site for an hour and can confirm that the styling issue is not happening now.

Please clear the caches on your site and browser, or view the site in incognito mode. The layout should appear correctly.

Thank you for your patience and cooperation. If you need any further assistance, please don't hesitate to reach out. I'll be happy to help.

Best regards,
Prosenjit

Hi There,
I hope you're doing well. Sorry for the delay in responding due to the weekend.

I'm very sorry for the inconvenience. As soon as I noticed that the image displayed site information, I made that response private. We respect your site's privacy and will ensure that any future responses containing information about your site are kept private.

I have a solution in place, but it periodically stops working, which seems to be related to caching issues. I've reached out to our second-tier team for a deeper analysis, and they are going to take another closer look. As soon as I have any information on that, I will surely inform you. Please note that I've increased its priority in our internal ticketing system.

Thank you so much for your patience and kind cooperation in this matter.

Best regards,
Prosenjit

Hi Peter,

Thank you for your patience and understanding as we continue to address the issue you're experiencing with the MD and LU domains. I completely understand your concerns, especially given the time this has taken.

As you know, we have explored and implemented several solutions that initially seemed to resolve the issue. However, due to caching or file optimization, these solutions have unfortunately stopped working on the LU and MD domains. It's clear that there is a deeper issue with the caching settings specific to the MD and LU domains that need to be addressed to ensure a lasting fix.

Our 2nd tier team is actively investigating this, and I have shared all the necessary information with them to help expedite the process. The challenge lies in the irregular nature of the issue, which only becomes apparent after some time, complicating our efforts to trace and resolve it quickly.

Please rest assured that we are fully committed to finding a permanent solution. While I cannot provide a precise timeline at this moment, we are doing everything possible to resolve this as soon as we can. I will keep you updated with any new developments from our team.

I sincerely apologize for the inconvenience this has caused, and I deeply appreciate your cooperation and understanding. We are dedicated to ensuring that your site functions seamlessly across all domains, now and in the future.

Thank you again for your patience.

Best regards,
Prosenjit

Hi Peter,
I hope you're doing well.

The issue is currently being investigated by one of our developers, and they have traced the problem to how WP Rocket is loading CSS files on the MD version of the frontend. They also noticed interference from the following script:

- hidden link

Reaching a permanent fix may take some time, as the issue only occurs after several hours. Once a fix is implemented, we will need to monitor it for a few hours to ensure the problem does not reoccur. If everything remains stable, we will inform you that the issue has been resolved.

At this time, I don’t have a solid ETA on when the fix will be completed, but please know that it’s a top priority, and we are working actively to resolve the issue.

Thank you for your patience and cooperation in this matter. In the meantime, if you notice anything or have any information that might help speed up the process, please feel free to share. We’ll be happy to assist further.

Best regards,
Prosenjit

Hi Peter,
I hope you're doing well.

Thank you for your continued patience and collaboration as we worked through the issue.

After conducting a thorough investigation and testing, our developers have identified that the issue was related to how WP Rocket handled CSS optimization. The CSS optimization method has been set to “Load CSS Asynchronously”, and after monitoring for a full day, we can confirm that the layout issue is no longer occurring. The layout across all languages, including the Romanian version, is now displaying correctly.

I'm including the Key Findings from the developer below:
- WPML is not the root cause: The issue is not directly caused by WPML itself but is related to how WP Rocket interacts with the multi-domain setup for different languages. WPML is successfully handling the domain structure, but WP Rocket’s CSS optimization in "Remove unused CSS" mode caused inconsistencies in how the styles were applied on the Romanian domain (`example.md`).
- Solution in Place: By switching to the CSS optimization setting, the layout problem seems to be resolved. We’ve monitored the site for a day after making this adjustment, and everything appears to be functioning smoothly.
- No Issue with Other URL Structures: We also tested switching the URL structure to different languages in directories and found no issues with this configuration either, further confirming that the problem stemmed from WP Rocket’s CSS handling.

Next Steps and Recommendations:
- We recommend keeping the “Load CSS Asynchronously” option active in WPRocket's File optimization as it provides the best balance between performance optimization and stability across all your domains and language versions.
- Cache Management: Regularly clearing the caches from all languages will also ensure any changes are consistently reflected across all language versions.

If the issue reappears on the Romanian domain (`example.md`), we recommend reaching out directly to WP Rocket’s support team for more specialized assistance. They may be able to offer more detailed guidance on resolving the issue, particularly if the optimization feature has any dependencies related to the domain or language setup. Feel free to share the steps we’ve already taken with them, and they’ll be able to continue troubleshooting from where we’ve left off, using their own methods to resolve the issue.

Alternatively, you can hire a contractor from our trusted contractor list for prompt help.

Thank you once again for your trust in our work, and we’re always here to help if you need anything else.

Best regards,
Prosenjit

Hello There,
I hope you're doing well.

You're absolutely right that in a multidomain environment, WPML applies the settings to each domain. However, since caching is handled by WPRocket, there may be something in their code that didn’t work properly for the Romanian language or due to the unique locale you used for Romanian (ro-md). I hope the WPRocket team can provide more insight into this issue.

I can now see that the CSS on the Romanian version of the site is consistently displaying correctly. I haven't noticed any differences since yesterday. It seems the issue has been resolved after adjusting the caching settings and changing the language URL format.

If you have any other questions, feel free to let me know. I will be happy to help.

Best regards,
Prosenjit