How to Manage Design and Content of Header, Footer, and Menu Bar in Website Builder?

In this article, we'll explore how to customize your website's header, footer, and menu bar using a website builder. Whether you’re revamping your branding or improving user experience, this guide covers key elements you can adjust.

Understanding Website Layout

Before editing, it's essential to understand the structure:

• Link Bar: Very top bar (e.g., email, phone)

• Header: Includes business name, tagline, and logo

• Menu Bar: Navigation menus like Home, About Us

• Footer: Contact details, about us links, etc.

• Subfooter: Bottom-most area with policies or legal text
  
  

Steps to Customize Each Section1. Link Bar

• Navigate to Layout > Link Bar

• Modify background and text colors

• Edit contact details (email, phone) under the Details tab
  
  

2. Header

• Access Layout > Header Bar

• Change background and text colors

• Upload logo, edit business name and tagline
  
  

3. Footer

• Access Layout > Footer

• Customize colors

• In Details, manage displayed links like About Us, Contact Us, Opening Hours

• Enable/disable social media icons
  
  

4. Subfooter

• Customize background and text colors

• Choose from available layout templates

• Add titles like "Privacy Policy" or "Terms & Conditions"
  
  

5. Menu Bar

• Go to Layout > Menu Bar

• Set background, text, and hover colors

• Customize active menu item appearance

• Select from design styles (e.g., border, underline)
  
  

Final Tips

• Use the Preview and Reload options to see real-time changes

• Ensure colors and fonts align with your brand identity
  
  

This complete guide helps you efficiently personalize your website’s core navigation and branding areas using a no-code website builder.