Articles on: Design and Structure

Setting up global Header and Footer

Use a global header and footer to display your logo, tagline, and navigation on every page of your website.

To set them up, go to the Design Tab.

Setting up and customizing your global header:



To set up a global header, toggle on Show header in the Display Tab.



This is how your header looks like by default

The header background color is matching your website theme (dark or light) and is solid by default.

You can make it transparent by choosing this option in the Header background color drop-down.



The header can be transparent

There are other options to customize your header by adding the header tagline and changing header button colors (for navigation).

Add the header tagline

Customize the buttons color

Also, you can upload your logo. The logo and the header tagline will be clickable and will redirect to the home page.



And don't forget to save the changes after you've finished customizing!

Setting up header navigation menu:



After you add Pages and Links, these menu items will automatically appear in your header.



There are three ways to display menu items in the header: as a link (Our mission), a primary button (Blog), and a secondary button (Contacts)



You can choose the way each menu item looks in the Menu item type in the settings of each page/link:



Also, you can enable Compact menu in the Design Tab:



Click the menu icon to see navigation items:







To set up a global footer, toggle on Show footer.



Add your text or/and links in the footer text area. Markdown is available.



After you've made all the edits, click Save.



To remove the global header and footer from your website, just toggle off the header and footer show in the Design tab and save the changes.

Updated on: 06/03/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!