Navbar/Header customization

List view

Getting started
Overview
Creating your first Notion website
Using a Bullet template
Managing content in Notion
Understanding notion structure
Managing images
Auto sync and Publish
Custom 404 page
Understanding Bullet dashboard
Navbar/Header customization
Footer customization
Logo, favicon, and social share image
Custom code
Add search functionality
Setting up a multilingual Site
Sidebar
Hosting
Adding a custom domain
Hosting in Root or Apex domain
Sub-directory hosting
Managing Page Redirects
Making both APEX and WWW work
Restrict Your Site to a Custom Domain Only
Membership/Content Gating
Overview
Password Protection
Email Confirmation access
Segment-Specific Restriction
Blog
How to set up your blog with Bullet
Understanding the Bullet blog structure in Notion
Post database properties
Authors database properties
Tags database properties
Blog Settings
Knowledge base
How to use the knowledge base plugin?
Category, sub-category and articles
Knowledge Base widget
SEO and metadata
SEO in Bullet
Sitemap and RSS Feeds
Liquid Syntax
What is Liquid syntax?
How do merge tags work?
Hiding blocks in Bullet
Conditionally rendering blocks
Embed HTML inside Notion
API Documentation
Overview
API Authentication
API Reference
Billing
Billing FAQs
How to's
How to unpublish an existing page
Add Buttons inside the Notion website
Show database views as Tabs
Prevent discovery of Notion Page
How to use different templates on the same website
How to add a custom search bar
How to embed forms in Notion and Bullet?
Embedding content in Notion and Bullet
Add a carousel to the bullet site
Troubleshooting
Missing pages in Bullet, Links pointing to #
Troubleshooting Bullet Block Editor
Notion table instead of a webpage
Themes
Theme settings
Style Application Hierarchy

Setting up your website header

After creating your site, navigate to your ”Navbar” Section from the Bullet’s sidebar.
Here you can start customizing brand details, navigation links and CTA buttons with their corresponding texts to your header.

Brand Details:

Customize the branding of your website:
notion image
  • Logo: You can add text or an image as your logo which will be displayed on the top left corner of your header. You can adjust the width of this logo from the theme settings.
  • Site Search: You can enable a site-wide search functionality by enabling the “Site Search” option. This will allow users to easily search any page on your site with keywords.

Navigation Links:

Add navigation links to other pages from the navbar links section.
notion image
  1. Title: Type in the name of your navigation link.
  1. Type: Select the type of navigation link. You can select one of your website’s pages directly or paste the URL of a page. You can also choose a dropdown and categorize your navigation links.
  1. URL: Used to choose a page from your existing website pages or paste a URL directly.
Now, click the ‘add’ button to create a navigation link. After adding, you can choose whether that particular link can be opened in a new tab or not by enabling the checkbox.
Note: Don’t forget to save the progress before moving to the next section or publishing the changes you’ve made.

Call-to-Action

Configure your CTA buttons from the Call-to-Action section.
notion image
  • Adding your CTAs works the same way as adding navigation links, only the CTAs show up as buttons instead of links.
You can also customize the appearance of the navbar like changing the background color, adjusting its size, adding glass effect and many more using custom code that all are explained in detailed manner here.
NOTE: Don’t forget to hit “Save” after every change and then “Publish” to see results on your live webpage.