Why is my website not showing up correctly after making changes on Webflow?
TL;DR
- Publish changes to both Webflow.io and your custom domain.
- Clear browser cache or use incognito mode to bypass outdated content.
- Confirm assets like images and fonts are uploaded and published properly.
- Inspect z-index, display, and positioning settings in the Style panel.
- Use Webflow’s device preview to check for responsive design issues.
- Test your Webflow.io version to rule out custom domain or caching problems.
- Temporarily disable custom code and interactions to identify rendering conflicts.
If your Webflow website isn’t displaying correctly after recent changes, it’s often due to publish issues, cached content, or misconfigurations in styles or assets.
1. Confirm You Published Changes
- After saving changes in the Designer, you must click "Publish" and select your domain(s) for updates to reflect online.
- Double-check that you're not only publishing to the Webflow.io staging domain but also to your custom domain if applicable.
2. Clear Browser Cache
- Browsers may serve cached files (CSS, JS, images), leading to outdated content.
- Hard refresh the site (typically Cmd+Shift+R on Mac or Ctrl+Shift+R on Windows).
- Alternatively, try viewing the site in a private/incognito window.
3. Check Asset Uploads
- Make sure newly added images, fonts, or videos have been correctly uploaded and published.
- Missing or broken assets can cause layout issues or display problems.
4. Review Z-Index or Display Settings
- Sections might overlap or disappear due to incorrect z-index, display: none, visibility, or positioning rules.
- In the Designer, inspect the affected elements and verify their Style panel settings.
5. Inspect Responsiveness Settings
- Sometimes styles applied for mobile, tablet, or desktop break layouts on specific devices.
- Use Webflow’s device preview simulator to check each breakpoint for unintended style overrides.
6. Test with Webflow.io Version
- Visit your webflow.io subdomain to see if the issue exists there.
- If it displays correctly, the problem might lie in custom domain DNS or browser caching.
7. Check for Custom Code Issues
- If you've added custom code (in Page Settings or Project Settings > Custom Code), an error there can prevent elements from rendering properly.
- Temporarily remove or comment out custom code to test if it resolves the issue.
8. Review Interactions and Animations
- Unintended interactions or page load animations may hide or misplace content.
- Go to the Interactions panel and disable these effects temporarily to test.
Summary
Ensure you published your changes, cleared cache, and verified styles and assets. If issues persist, check for conflicts in custom code, interactions, or responsive settings. Use the Webflow.io version to isolate whether the problem is with your domain or project.