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 usually 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 run more updates trying to fix it (for example, the Update Plugins button on Dashboard → Updates). 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. The address is usually yoursite.com/wp-admin.

Check what was updated. WordPress doesn't keep an update history screen. If updates ran automatically, WordPress normally emails the site owner about them, so check the inbox for the site's admin email address. You can also go to Plugins → Installed Plugins, where each plugin shows its current version number.

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 automatic updates are switched on for them. WordPress also installs minor updates to itself automatically by default, and major ones too on sites first installed with WordPress 5.6 or later. If you didn't manually update anything, an automatic update may have run.

Step 2: Deactivate or roll back the most recently updated plugin

Open your plugin list. Go to Plugins → Installed 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.

Work through the list. 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.

Open your themes. 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).

Talk to us before switching. 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 error notices. Look for any error notices inside the editor, and for sections that are empty or missing. These can 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 restore to staging first. 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.

Common questions

Only part of my site is broken — some pages are fine. Does that change anything?

Yes. If specific pages are broken, it often points to a page-builder widget or a shortcode from a specific plugin, rather than a site-wide theme problem. Screenshot the broken pages and send them to us along with the page URL.

The layout looks fine on my computer but broken on my phone. Why?

Updates to themes and page builders can change how the site adapts to different screen sizes (this is called responsive design). It is usually a CSS change introduced in the update. This needs to be fixed — contact us with a screenshot from your phone.

Can I just roll back the update myself?

Some hosting platforms (like WP Engine and Kinsta) let you restore an earlier backup from your hosting dashboard. WordPress itself can't roll a plugin back to an earlier version on request. (Since version 6.3, if a plugin or theme update fails partway through, WordPress puts the previous version back automatically. Since version 6.6, it also rolls back a plugin auto-update that goes wrong. Once an update has gone through, though, WordPress won't take you back.) For a manual rollback you'd need a plugin like WP Rollback, or we can do it via your hosting backup. Contact us and we'll choose the safest method.

How do I prevent this in the future?

The best prevention is testing updates on a staging site — an identical private copy of your site — before applying them to the live version. We do this as part of our care plan. See what our care plan covers and staging and testing.

Need a hand?

If you're stuck, email support@chykalophia.com and we'll help. Include your website address and a screenshot if you can.