Quick Elements
Tutorials

How to Edit Your Header and Footer in Quick Elements

Update the navigation, logo, and contact details that appear across your site.

2 min read Updated Sep 2024
How to Edit Your Header and Footer in Quick Elements

Your header and footer appear across your site. Edit them once to update your navigation, logo, or contact details on every page.

← Documentation

Editing Your Header

1. Access the Header Editor

  • Log into your Quick Elements dashboard
  • Click on “Customize” in the sidebar
  • Click on “Header” under general options

2. Add and Arrange Elements

Common header elements include:

  • Logo
  • Site title and tagline
  • Navigation menu
  • Search bar
  • Social media icons
  • Call-to-action button

To add or rearrange:

  • Drag and drop elements into your desired positions
  • Upload your logo image
  • Adjust the logo size and alignment
  • Set an alternative text for accessibility

4. Configure the Navigation Menu

  • Select which menu to display in the header
  • Adjust menu item spacing and alignment
  • Set up dropdown menus for subcategories

5. Style Your Header

  • Choose colors for the background, text, and buttons
  • Select fonts for the site title and menu items
  • Add hover effects for interactive elements

6. Make It Sticky (Optional)

  • Enable a “sticky” header option if you want
  • Customize which elements remain visible when scrolling
  • Log into your Quick Elements dashboard
  • Click on “Customize” in the sidebar
  • Click on “Footer” under general options

2. Add Cections

Common footer sections include:

  • About us blurb
  • Contact information
  • Recent posts
  • Newsletter signup
  • Social media links

To add widgets:

  • Drag and drop widget elements into footer columns
  • Configure each widget’s settings and content
  • Go to the Menus section in Quick Elements
  • Create a new menu for your footer
  • Add relevant pages like Privacy Policy, Terms of Service, etc.
  • Assign this menu to the footer location
  • Set the background color or image
  • Choose text colors for better readability
  • Adjust font sizes and styles for different footer elements

6. Add Social Media Icons

  • Look for a social media module in the footer settings
  • Enter your social media profile URLs
  • Customize icon styles to match your brand