Navbar - Header

Introduction

The header is part of the navigation elements on the presentation of your Simplebooklet. It appears along the top of your screen and can display your logo, calls to action, and navigation aids for your Simplebooklet. You can customize the color of the buttons, the header background color, and the fonts used in the buttons.

Available on all plans.

Benefits

The header appears consistently across the presentation of your Simplebooklet, no matter what page your reader is currently on. Its a quick and convenient way for your reader to navigate and reach out to your business. It also builds confidence in your content when you add your business logo and select a color palette that matches your overall presentation.

Walkthrough

Here is a 2 minute video going through how to style your navbar header.



Step-by-Step Guide

Below is a walkthrough showing you how to style your navbar header.

Open your Simplebooklet in the DESIGN tab.

Click the Navigation & Accessibility icon in the toolbar on the left.

You should be directed to a new tab. Click Style beside Header.

You should again be directed to a new tab. First from the top, choose your font family from the dropdown menu.

Then under Header Button Colors click the color slab and select from the color chooser your desired button shade.
You can even click RGB beneath the color chooser to move through various color search and refinement engines such as: RGB, HSL, and HEX.

Then under Header Background Color click the color slab and select from the color chooser your desired header shade.
You can even click RGB beneath the color chooser to move through various color search and refinement engines such as: RGB, HSL, and HEX.

Under Header Transparency you can click, hold and drag the slider button to alter the transparency of your header shade.

If you are not happy with your header you can click RESET to try again, setting your header back to its default design.

Once you are satisfied with your header, click SAVE at the bottom.

You have successfully customized your navbar header!
Was this article helpful?
Cancel
Thank you!