My site looks broken
What to do when your website layout is wrong, styles are missing, or something looks completely off.
- Difficulty
- Beginner
Don't panic — a "broken" look is usually a display problem, not data loss. Your content is almost certainly still there. This guide helps you figure out what happened and what to do next.
Quick summary
Start with a hard refresh and check in a different browser. If the problem persists, think about what changed recently. A plugin update, a theme change, or a caching issue causes most "broken layout" problems. Note what looks wrong and contact us with a screenshot.
Step 1 — Hard refresh your browser
Before anything else, clear what your browser has stored and reload the page fresh.
Press Ctrl+Shift+R (Windows / Linux) or Cmd+Shift+R (Mac). Chrome lists this as "reload the current page, ignoring cached content", so the browser fetches the page again instead of reusing what it stored.
Try a different browser. Open Chrome, Firefox, Safari, or Edge — whichever one you don't normally use — and load your site there.
Try on your phone. A phone on mobile data rules out any network or computer-specific issue.
If it looks fine in another browser, the issue is your browser's cache. Follow that guide to fully clear it.
Step 2 — Describe exactly what looks wrong
Before you contact us, write down what you see. This saves back-and-forth.
- Which page(s) are affected? Just one, or the whole site?
- What looks wrong? (Missing images, jumbled text, buttons out of place, no styling at all, content overlapping)
- Is it wrong on mobile, desktop, or both?
- When did it start?
Take a screenshot now
A screenshot captures the exact problem and is the fastest way to show us what you're seeing. See how to take a screenshot.
Step 3 — Think about recent changes
Most broken layouts happen right after a change. Ask yourself:
- Did a plugin or theme update run recently?
- Did you (or a team member) edit anything in the site editor, Elementor, or page builder?
- Did your host recently migrate the server or push an update?
- Did you change any CSS (stylesheet) or add custom code?
If a plugin or theme update is the likely cause, contact us — we can roll back the change.
Step 4 — Check for a caching problem
Caching (the speed layer that keeps ready-made copies of your pages, usually from a plugin or your host) sometimes serves an old, broken copy.
Log in to your WordPress dashboard (or your site's admin panel).
Find the caching plugin or setting. Common caching plugins include WP Rocket, W3 Total Cache, and LiteSpeed Cache. Your host may also have a built-in cache option in its dashboard.
Clear / purge the cache. Look for a "Clear cache" or "Purge all" button. Click it, then reload your site.
Did clearing the cache fix it?
If yes, great. It was a stale cached file. Let us know — we may need to adjust your cache settings to prevent a recurrence.
Step 5 — Check if a plugin is the cause
A broken plugin can strip out all styling or collapse the layout.
Add a query string the cache hasn't seen to the end of your URL (e.g., https://www.yoursite.com/?v=1234), changing the number each time you try. Many caches treat an unfamiliar query string as a separate page, so you get a fresh copy rather than a stored one.
Do not deactivate plugins yourself unless you are comfortable with WordPress. Deactivating the wrong plugin can make things worse. Contact us and we'll diagnose safely.
What to send us
- Your site URL
- Screenshots of the broken pages
- Which browser and device you're using
- When it started
- Any recent changes you're aware of
If the whole site is down or shows a blank white page
See My website is down. A blank white page, or the message "There has been a critical error on this website", usually means a PHP or database error stopped WordPress from running — a different problem from a broken layout.
Common questions
The styling has completely disappeared — no colors, no fonts, just plain text.
This usually means the CSS stylesheet (the file that controls how the site looks) failed to load. It could be a caching issue, a plugin conflict, or a file permission error. Clear the cache first, then contact us if the issue persists.
Everything looks fine on my computer but wrong on my phone.
This is a responsive design issue — the site may be showing correctly on large screens but not adapting properly to small ones. Take a screenshot on your phone and send it to us.
One section of one page looks wrong, but everything else is fine.
This is usually a page builder element (a block, widget, or section) that lost its settings. Log in and check if that section has any obvious error messages. Contact us with a screenshot and we'll fix it.
My site looks broken but I didn't change anything.
Something still changed — it may have been an automatic plugin update, a scheduled server task, or a theme auto-update. We can check the logs to find out.
Related guides
- How to clear your cache & hard refresh
- My website is down
- My changes aren't showing up
- How to take a screenshot
- Info to gather before contacting support
- How we test changes before they go live
- Software updates explained
Need a hand?
Last updated