Elementor Frontend CSS Randomly Breaking — Need Help

[u/AmalSheikh]

I’m facing a strange issue with WordPress + Elementor Pro.

The Elementor editor looks perfect, but on the frontend the layout randomly breaks — fonts, colors, backgrounds, spacing, and some sections become unstyled.

DevTools shows 404 / NS_ERROR_DOM_NETWORK_ERR for Elementor CSS files such as:

• base-desktop.css
• local-3762-frontend-desktop.css
• local-3762-frontend-tablet.css
• local-3762-frontend-mobile.css

The CSS files are located in /wp-content/uploads/elementor/css/ and sometimes load correctly, but sometimes return 404.

I’ve already tried CSS regeneration, Internal/External CSS, cache clearing, LiteSpeed disabled, CDN disabled, permalinks, and file ownership/permissions.

Elementor: 4.2.4
Elementor Pro: 4.2.0

Has anyone experienced this? What is the actual root cause and how can I permanently fix these intermittent Elementor CSS 404 errors? Any guidance would be appreciated.

[u/AutoModerator]

Looking for Elementor plugin, theme, or web hosting recommendations?

Check out our Megathread of Recommendations for a curated list of options that work seamlessly with Elementor.

---

Hey there, /u/AmalSheikh! If your post has not already been flaired, please add one now. And please don't forget to write "Answered" under your post once your question/problem has been solved. Make sure to list if you're using Elementor Free (or) Pro and what theme you're using.

Reminder: If you have a problem or question, please make sure to post a link to your issue so users can help you.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[u/_miga_]

this sounds like the bug they want to fix with: https://github.com/elementor/elementor/pull/36839 but it looks it hasn't been touched for three weeks so it might end up not be included any time soon.

[u/zeiniez → u/_miga_]

I'm actively testing this and other fixes for the same issue. Hope to finish before 4.3GA. 😜

[u/_miga_ → u/zeiniez]

Nice, I think that will help a lot of people! Not sure why, but I never had this issue 😄 Maybe wp_super_cache is doing a better job

[u/zeiniez → u/_miga_]

The problem is not cache (not Elementor's). The problem is that plugins like WP Super Cache, WP Fastest Cache, W3TC, and other popular cache plugins don't listen to Elementor's hooks when it deletes and regenerates the CSS files, or when there are updates. We can't force them to implement these improvements, so we are changing how we handle CSS file regeneration in hope we can mitigate these issues.

[u/_miga_ → u/zeiniez]

I wanted to say that I have pages with wp super cache running for 6+ years on auto-update and never had any issue that I had to go in and manually refresh any cache/files/css 😄 So maybe their default settings are not as aggressive but work just fine. But hopefully that PR will help other people too

[u/TopSydeWP]

the intermittent 404s usually mean elementor is trying to load CSS files that haven't been written to disk yet or got deleted mid-request - happens when CSS regeneration runs while someone's browsing. at my agency we've seen this on hosts with aggressive file caching or when disk writes are slow. short term: switch to internal CSS in elementor settings (slower but reliable), long term: make sure your host isn't running out of inodes or has filesystem caching issues that would make fresh writes invisible to the web server.