Customize your Navbar Layout

Your navigation bar plays a big role in how viewers interact with your Simplebooklet. Whether you're going for a clean and minimal design or a fully-featured, branded experience, the Nav Layout tool gives you full control over the style and functionality of your navbar on both desktop and mobile devices. Let’s walk through how to customize it.

Available on all plans.

Open your Dashboard and select the Simplebooklet you want to customize.

Click the Design tab for that booklet.



In the left-hand toolbar, click the Nav Layout button.

This will open the Navbar Layout tool drawer where you can configure your settings.

Choose between Desktop and Mobile views:

Switch between the two views to configure how the navbar will appear on desktop and mobile devices.

You can set different layouts for desktop and mobile to ensure the navbar is optimized for both platforms.

Select Your Preferred Layout:

Candy Bar: Full-featured bar with logo, controls, and links. (default)

Website: A top-positioned navigation bar commonly used on websites.

Reveal: A sleek bar that appears on interaction.

Essential: A compact layout with basic elements.

Modern, Minimalist, Footer Only, Blank: Each with different balances of branding and navigation.

You’ll see a live preview of your booklet while customizing, so you can instantly see how your navbar looks.

Try different layouts to find the one that best suits your content and audience.

Style Your Header & Footer:

You can adjust the text color and background color of both the header and footer.

Change the opacity levels to achieve a more subtle or bold effect.

Use low opacity for a floating look or high contrast for stronger branding.

Once you're satisfied with your changes, click Done in the top-right corner to save your settings

Updated on: 29/05/2025