--- title: Design a Multipage Website Using Synced Headers and Footers & Sticky Header description: Learn how synced headers and footers work in EventMobi’s Website Builder, including how to sync sections across pages, edit them globally, and create unique headers when needed. Additionally, learn how to add a sticky header menu bar that remains visible at the top of your browser window as visitors scroll down your page. --- [Skip to content](https://help.eventmobi.com/en/knowledge/multipage-website-using-synced-headers-and-footers#main-content) English Show submenu for translations [![1589391206704.png\]](https://help.eventmobi.com/hs-fs/hubfs/1589391206704.png?width=40&height=40&name=1589391206704.png)](https://help.eventmobi.com/?hsLang=en) - [EventMobi Knowledge Base](https://help.eventmobi.com/) Open main navigation Close main navigation - [EventMobi Knowledge Base](https://help.eventmobi.com/) - English Show submenu for translations - [Product Updates & Feedback](https://updates.eventmobi.com/) [Product Updates & Feedback](https://updates.eventmobi.com/) What can we help you with? - There are no suggestions because the search field is empty. 1. [EventMobi Knowledge Base](https://help.eventmobi.com/en/knowledge?hsLang=en) 2. [Registration](https://help.eventmobi.com/en/knowledge/registration?hsLang=en) 3. [Design](https://help.eventmobi.com/en/knowledge/registration?hsLang=en#design) April 29, 2026 # Design a Multipage Website Using Synced Headers and Footers & Sticky Header ## Headers and footers can be synced across your website to make it easy for viewers to navigate between pages. This maintains consistent navigation and branding across your entire event website. A sticky header menu is a navigation bar that remains visible at the top of your browser window as visitors scroll down your page. #### **![CORE REGISTRATION](https://help.eventmobi.com/hs-fs/hubfs/Knowledge%20Base%20-%20Customer%20FAQ%20-%20Article%20Images/CORE%20REGISTRATION.png?width=110&height=33&name=CORE%20REGISTRATION.png)** #### **In this article:** #### [**1. What Is a Synced Header or Footer?**](https://help.eventmobi.com/en/knowledge/multipage-website-using-synced-headers-and-footers#Synced-header-footer) [2.](https://help.eventmobi.com/en/knowledge/multipage-website-using-synced-headers-and-footers#Edit-Synced-Header-Footer)**[Adding a Synced Header or Footer](https://help.eventmobi.com/en/knowledge/multipage-website-using-synced-headers-and-footers#Edit-Synced-Header-Footer) [3. Best Practices](https://help.eventmobi.com/en/knowledge/multipage-website-using-synced-headers-and-footers#Best-Practices) [4. How To Set Up a Sticky Header](https://help.eventmobi.com/en/knowledge/multipage-website-using-synced-headers-and-footers#sticky-header) [5. FAQ](https://help.eventmobi.com/en/knowledge/multipage-website-using-synced-headers-and-footers#sticky-header)** --- #### **What Is a Synced Header or Footer?** A synced header or footer is a section that is shared across multiple pages. When a section is synced: - Edits apply across all pages using that section - Navigation stays consistent - Updates are easier to manage ![](https://help.eventmobi.com/hs-fs/hubfs/undefined-Mar-11-2026-09-24-38-9230-PM.png?width=670&height=221&name=undefined-Mar-11-2026-09-24-38-9230-PM.png)   --- #### **How to Add a Synced Header or Footer** To add a synced section: 1. Open any page. 2. Select the header or footer. 3. Click **Save Section ![Screenshot 2026-03-20 at 2.09.36 PM](https://help.eventmobi.com/hs-fs/hubfs/Screenshot%202026-03-20%20at%202.09.36%20PM.png?width=670&height=117&name=Screenshot%202026-03-20%20at%202.09.36%20PM.png)** 4. Input the details of the **Section** Decide on a section name, a category, and if the section should be 'synced' and used on other pages, or if it is a 'Regular' section which can be reusable however will not appear on other pages. ![Screenshot 2026-03-20 at 2.11.05 PM](https://help.eventmobi.com/hs-fs/hubfs/Screenshot%202026-03-20%20at%202.11.05%20PM.png?width=495&height=443&name=Screenshot%202026-03-20%20at%202.11.05%20PM.png) 5. Select Add 6. Lastly, select 'Save and Publish' ***All pages using that synced section will update automatically.*** --- #### **Unsync a Header or Footer** Sometimes you may want a page to have a **different header or footer**. To do this, you can **unsync the section**. After unsyncing: - The section becomes unique to that page - Changes will only affect that page Other pages will keep the original synced section. #### **Converting a Header into a Synced Section** A header can be converted into a synced header. However, syncing a header **does not automatically update other pages that have their own headers**. #### **Example** 1. Page A has a header. 2. Page B also has a header. 3. You convert the header on **Page A** into a synced header. Now: - Page A uses the synced header - Page B still uses its original header To sync Page B: 1. Remove the existing header from Page B. 2. Under Edit Synced Section, choose “Edit and update everywhere.” 3. Edit the synced header. Now both pages use the same synced header. Future changes will update both pages. **![](https://help.eventmobi.com/hs-fs/hubfs/undefined-Mar-09-2026-05-38-08-5539-PM.png?width=670&height=387&name=undefined-Mar-09-2026-05-38-08-5539-PM.png)** --- #### **Best Practices** For most websites: - Keep **headers synced** to maintain consistent navigation - Keep **footers synced** for contact info and event details - Only unsync sections if a page requires a different layout This helps keep your website easier to manage. --- #### **How to Set Up a Sticky Header (Menu) on Your Website** A **sticky header menu** is a navigation bar that remains visible at the top of your browser window as visitors scroll down your page. This improves user experience by keeping key links easily accessible at all times. Steps to Enable a Sticky Header: 1. **Open your page in the website designer.** 2. **Click on the Menu Widget  ![](https://help.eventmobi.com/hs-fs/hubfs/undefined-Mar-25-2026-08-32-04-8839-PM.png?width=670&height=293&name=undefined-Mar-25-2026-08-32-04-8839-PM.png)** 3. **Locate the “Stick to the top” toggle** in the **Set up Menu** ![](https://help.eventmobi.com/hs-fs/hubfs/image-png-Mar-25-2026-08-32-29-1785-PM.png?width=670&height=426&name=image-png-Mar-25-2026-08-32-29-1785-PM.png) 4. **Enable the toggle** – the menu will now stay fixed at the top of the browser window as you scroll. 5. **Disable the toggle** if you want the menu to scroll normally with the page content.   🔍**Tip:** - Use a sticky header for pages with long content or multiple sections to help visitors navigate more easily. - Ensure the header has a background color or subtle shadow so it stands out over page content.   --- ### **FAQ** ### **Do headers and footers behave the same way?** Yes. Both follow the same **synced section behavior**. ### **If I change a synced header, will it update every page?** It will update **every page that uses that synced header**. ### **Why didn’t my header update on another page?** That page may be using a **different header**. Remove the existing header and add the synced header to link them. ### **Can I turn a unique header into a synced header?** Yes. You can convert a header into a synced section. However, other pages will not automatically adopt it. ### **Can I have different headers on different pages?** Yes. Unsync the header for that page and edit it independently. - [Event Organizers](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#main-content) - [Experience Manager](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#experience-manager) - [Attendee Engagement](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#attendee-engagement) - [Branding & Design](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#branding-design) - [Creating Profiles & Sessions](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#creating-profiles-sessions) - [Event Communications](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#event-communications) - [Onsite Events](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#onsite-events) - [Virtual Events](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#virtual-events) - [Core Registration](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#core-registration) - [Extended Registration](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#extended-registration) - [Reporting](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#reporting) - [Sharing Resources](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#sharing-resources) - [Sponsorship](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#sponsorship) - [Launch the Event App](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#launch-the-event-app) - [Event Services](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#event-services) - [Event Information & Settings](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#event-information-settings) - [Privacy & Security](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#privacy-security) - [What's New](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#whats-new) - [Call For Speakers](https://help.eventmobi.com/en/knowledge/event-organizers?hsLang=en#call-for-speakers) - [Attendees & Speakers](https://help.eventmobi.com/en/knowledge/attendees-speakers?hsLang=en#main-content) - [Using the Event App](https://help.eventmobi.com/en/knowledge/attendees-speakers?hsLang=en#using-the-event-app) - [Access Resources as an Attendee](https://help.eventmobi.com/en/knowledge/attendees-speakers?hsLang=en#access-resources-as-an-attendee) - [Share Resources as a Speaker](https://help.eventmobi.com/en/knowledge/attendees-speakers?hsLang=en#share-resources-as-a-speaker) - [Manage Event Communications](https://help.eventmobi.com/en/knowledge/attendees-speakers?hsLang=en#manage-event-communications) - [Connect With Others at the Event](https://help.eventmobi.com/en/knowledge/attendees-speakers?hsLang=en#connect-with-others-at-the-event) - [Sponsors & Exhibitors](https://help.eventmobi.com/en/knowledge/sponsors-exhibitors?hsLang=en#main-content) - [Exhibiting at an Event](https://help.eventmobi.com/en/knowledge/sponsors-exhibitors?hsLang=en#exhibiting-at-an-event) - [Integration Hub](https://help.eventmobi.com/en/knowledge/integration-hub?hsLang=en#main-content) - [EventMobi Integration Hub Solution](https://help.eventmobi.com/en/knowledge/integration-hub?hsLang=en#eventmobi-integration-hub-solution) - [Simplify Your Processes with Automations](https://help.eventmobi.com/en/knowledge/integration-hub?hsLang=en#simplify-your-processes-with-automations) - [Integrations from EventMobi to your solution](https://help.eventmobi.com/en/knowledge/integration-hub?hsLang=en#integrations-from-eventmobi-to-your-solution) - [Integrations from your solution to EventMobi](https://help.eventmobi.com/en/knowledge/integration-hub?hsLang=en#integrations-from-your-solution-to-eventmobi) - [Registration](https://help.eventmobi.com/en/knowledge/registration?hsLang=en#main-content) - [Content](https://help.eventmobi.com/en/knowledge/registration?hsLang=en#content) - [Design](https://help.eventmobi.com/en/knowledge/registration?hsLang=en#design) [![EMI-logo-colour-dark-letters (1)](https://help.eventmobi.com/hs-fs/hubfs/EMI-logo-colour-dark-letters%20(1).png?width=147&height=34&name=EMI-logo-colour-dark-letters%20(1).png "EMI-logo-colour-dark-letters (1)")](https://www.eventmobi.com/) © 2025 EventMobi™ A Trademark and Tradename of 5Touch Solutions Inc.  [Change your cookie preferences](https://www.eventmobi.com/cookie-declaration/)