My layout broke after an update
How to diagnose and fix a broken or jumbled site layout that appeared after a WordPress, plugin, or theme update.
You ran an update — or WordPress ran one automatically — and now something on your site looks wrong. Maybe a section has collapsed, fonts changed, spacing is off, or a whole page looks jumbled.
This is one of the most common side effects of software updates, and in most cases it is fixable without losing any content.
Quick summary
Layout breaks after an update are almost always caused by a conflict between an updated plugin or theme and another part of your site. The safest first step is to clear your cache and hard refresh. If the layout is still broken, roll back the most recently updated plugin or theme. Contact us if you're unsure — we deal with this regularly.
Before you do anything else
Don't click "Update All" again trying to fix it — that may update more things and make diagnosis harder.
Take a screenshot of what is broken and note which page it appears on. This helps us help you faster.
Clear your cache and hard refresh — see My changes aren't showing up for how. Sometimes a broken layout is just a stale cached copy.
Did clearing the cache fix it?
If the layout looks correct after a hard refresh, you're done. The broken appearance was just an outdated cached copy showing old styles.
Step 1: Identify what was recently updated
To fix a conflict, you need to know what changed.
Log in to WordPress. Go to yoursite.com/wp-admin.
In the left menu, go to Dashboard → Updates. This shows recent update history on some setups. Alternatively, go to Plugins → All Plugins and sort by Recently Updated if that option is visible.
Think about when the layout broke — note the approximate date and time. Which plugins or themes were updated around that time?
Automatic updates
WordPress can update plugins and themes automatically in the background, without you clicking anything. If you didn't manually update anything, an automatic update may have run overnight.
Step 2: Deactivate or roll back the most recently updated plugin
Go to Plugins → All Plugins in your WordPress dashboard.
Deactivate the plugin you suspect by clicking Deactivate below its name. Check your site after each deactivation.
If the layout is restored, that plugin is the cause. Leave it deactivated for now and contact us — we can find a fix, wait for the plugin developer to release a patch, or find an alternative.
If deactivating it didn't help, re-activate it and try the next most recently updated plugin.
Step 3: Check if it's a theme issue
The theme (your site's visual design framework) can also cause layout breaks when updated.
Go to Appearance → Themes in WordPress.
Note which theme is currently active. If it was recently updated, the update may have changed or removed CSS (the code that controls visual styling).
Contact us before switching themes — reverting a theme update is a technical task and we can do it safely without affecting your content.
Step 4: Check for a page builder conflict
If your site uses a page builder like Elementor or a similar tool, layout breaks are especially common after updates because page builders have a lot of moving parts.
Open the affected page in the page builder editor (e.g., click "Edit with Elementor").
Look for any error notices inside the editor — these often say things like "Widget not found" or "Deprecated element." These appear when a widget (a building block) from a plugin that was updated or deactivated is no longer recognized.
If you see these errors, contact us. Fixing them requires updating the page structure, which we can do carefully without losing your content.
Step 5: Restore from a backup
If the layout is badly broken and you can't identify the cause, restoring the site to its state before the updates is often the fastest path.
Only restore if you have a recent backup and know how
Restoring from a backup replaces your entire site with an older copy. Any content added since the backup was created will be lost. This should be a last resort, and we strongly recommend letting us handle it.
If you have a backup:
Contact us and let us know you want to restore. Tell us roughly when the layout broke.
We will locate the most recent clean backup and restore it on a staging copy first, so you can confirm it looks right before we apply it to the live site.
See also: How WordPress backups work
Common questions
Related guides
- Fixing the "white screen" error
- My changes aren't showing up
- How to update plugins safely
- WordPress updates explained
- What to do before a big update
- Staging and testing
Need a hand?