Easy Tech TutsHow to Edit a Theme Header and Footer in HubSpot CMS Easily 2026
By Impran M N
Your site's header and footer appear on every page, so editing them once should update your whole website consistently. This tutorial walks through accessing HubSpot's Theme Editor to update navigation links, logos, and styling in the global header and footer.
01Open a website page in the CMS
From HubSpot's Content Management panel, navigate to Website Pages and open the page you want to edit.
02Access the global header section
Hover over the header and click the group edit icon to open editing controls for the shared header element.
03Switch to the Theme Editor
Use the Theme Editor interface to adjust structural elements and master styling parameters that apply site-wide.
04Update logo and navigation links
Replace the logo asset, update its alt text, and edit the navigation menu links and redirect targets.
05Edit the footer and preview
Scroll to the footer module to update social icons and copyright text, adjust colors and fonts in Design Settings, then check mobile and desktop previews before publishing.
Frequently asked questions
Will editing the header change it on every page of my site?
Yes, header and footer edits made through the Theme Editor's global settings apply across all pages that use that theme.
Can I preview changes before they go live?
HubSpot's editor includes mobile and desktop preview panels so you can review changes before clicking Publish.
What if I only want to change the header on one page?
Global header edits affect all pages using the same theme; page-specific changes typically require a different template or module override rather than editing the shared theme header.
Do I need developer access to edit the header and footer?
Basic edits like swapping a logo or navigation link can usually be done through the standard content editor, but deeper structural changes may require theme editing permissions.
Watch the full walkthrough
The same steps, demonstrated on screen from start to finish.
