Saving and Reusing Headers
Keep your website’s navigation unified and up-to-date across every page layout. Learn how to package your custom-built header as a global component, sync visual instances dynamic across breakpoints, and deploy update iterations site-wide with a single action.
Quick Answer
-
1
Select your header container group layer and open the menu drawer options.
-
2
Right-click and select "Create Component..." from the dynamic actions menu list.
-
3
Assign a global reference label and toggle the "Sync Across Canvas" slider.
Complete Step-by-Step System
Select the Header Container Group
Locate and isolate the main structural block containing your header layout navigation links, logo wrappers, and action utility links. Grouping raw design layouts guarantees all responsive rules carry over cleanly.
Initialize Global Component Drawer
Once selected, navigate cursor action over elements selection workspace container and open your developer drawer module properties context.
Developer Best Practice
Naming your component relative to its scope context (e.g., global.header.desktop) simplifies later search lookups.
Reusing Across Secondary Pages
With your saved header nested dynamic library global component setup, insert it straight from any document canvas drawer:
Full Video Walkthrough
Watch our workflow engineer setup multi-layered visual dynamic headers with absolute constraints mapping in under 2 minutes.
Troubleshooting & Common Edge Cases
Resolve configuration alignment conflicts or localized visual instances issues without breaking existing template elements.
Verify that your local changes have been successfully "pushed" back to the original library main component. Instances will only sync global attributes once the parent block registers the update.
Ensure your nested elements dynamic library toggle remains enabled under the active canvas. Check that you see a green library link indicator in your right-sidebar editor interface properties panel.
If you require a variations build of your landing page template, right-click on the specific instances frame and select "Detach Component Workspace".
This breaks live inheritance syncing links back to master styles blocks, freeing you to configure individual navigation structures custom layout rules freely without affecting master files templates.
Absolutely. Ensure you export your design variables config style package workspace bundle as a reusable JSON archive file profile block. Import this config variables theme file layout into your alternate workspaces directory and drag dynamic components freely.