How to fix and publish the correct footer version on Webflow?

If you're seeing the wrong footer version after publishing in Webflow, it's likely due to unsaved changes, symbol confusion, or missing updates to reused components.

​

1. Check and Update the Footer Symbol

​

• If your footer is a Symbol (now called Components), ensure you’ve edited the master version.
• Double-click the footer component on any page to open it for global editing.
• Make your changes, then click outside to exit symbol editing.

​

2. Cross-Page Sync Check

​

• After updating the component, check other pages where the footer appears.
• Make sure they are indeed using the updated symbol/component, not a manually duplicated version.
• Delete any outdated, non-component versions and replace them with the master one from the Components panel.

​

3. Save and Publish

​

• Save your changes in the Designer. Unsaved changes won't appear after publishing.
• Click Publish in the top-right corner of the Designer or Editor.
• Select the correct domain(s) then click Publish to selected domains.

​

4. Clear Cache and Hard Refresh

​

• Sometimes, the browser shows an old version due to caching.
• Perform a hard refresh:  
• Windows: Ctrl + F5  
• Mac: Cmd + Shift + R

​

5. Editor vs Designer Check

​

• If someone used the Editor to make changes, confirm they didn’t override the Designer’s content.
• Open the Editor as an admin and verify the footer isn’t out of sync or edited separately.

​

6. Verify Custom Code or CMS Injection

​

• If your footer includes custom code embeds or is generated via CMS, double-check:
• CMS Collection item values are up to date.
• Any custom embed code is correctly placed and published.

​

Summary

​

To fix and publish the correct footer version in Webflow, edit the master component, sync it across all pages, save changes, and publish the site. Always verify with a hard refresh to ensure the live site reflects your updates.