How to customize headers and footers

Design & Styling

🖌 How to Customize Headers and Footers in Meshup Editor

Your header and footer are key parts of your website’s design — they appear on every page and help guide visitors. In the Meshup Editor, you can easily change layouts, colors, fonts, and content for these areas. Here’s how:

✅ Steps to Customize Headers and Footers

  • 1. Log In to Your Meshup Editor Account
    Open your website project from the Meshup dashboard.Login Screenshot
  • 2. Select the Header or Footer Area
    Hover over the top (header) or bottom (footer) section of your site until it highlights, then click to select it. 🔍 Tip: You might see a label like “Global Header” or “Global Footer.” Select Header or Footer Screenshot
  • 3. Open the Edit Menu
    Click the Edit or Design button that appears. This will open customization options.Edit Header or Footer Menu Screenshot
  • 4. Customize the Content
    Add or edit:
    • Logo
    • Navigation menu links
    • Contact info
    • Social media icons
    Customize Header Content Screenshot
  • 5. Customize the Style
    Adjust fonts, colors, and spacing to match your brand.Customize Header or Footer Style Screenshot
  • 6. Apply to All Pages
    Make sure the “Apply to all pages” or “Global” setting is turned on so changes appear site-wide.Apply Header Footer Globally Screenshot
  • 7. Preview Your Changes
    Check the design in desktop, tablet, and mobile preview modes.Preview Header and Footer Screenshot
  • 8. Save & Publish
    Once you’re happy with your design, click Publish to make it live.Publish Header Footer Screenshot

🧠 Bonus Tips

  • Keep It Simple: Don’t overcrowd the header or footer — focus on key information.
  • Consistency: Use the same navigation style in your header across all pages.
  • Branding: Match your header and footer colors with your global color theme.

With these changes, your site’s header and footer will be consistent, professional, and aligned with your brand identity.