Setting up 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.





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.





There are other options to customize your header by changing the text color, the tagline, header button colors (for navigation).



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)



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



Click the menu icon to see navigation items:





Setting up your global footer:

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.

Remove global header and footer:

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.

Published on: 22 / 12 / 2020