You can create a Navbar by adding a new block that includes a Navbar element.

Synchronize the menu to all pages #

When you work on a page, you edit the content for this specific page. But blocks like a top menu with a Navbar should often be the same for the entire website with all its subpages. That’s why you can synchronize header and footer with all pages.

Sticky Navbar #

For some use cases, having a sticky menu enhances the user experience.

<style>/* Sticky Menu */header {    position: fixed;    right: 0;    left: 0;    top: 0;    z-index: 100;    background-color: #FFF;}main {    padding-top: 100px;}</style>

You can paste this code into the Settings > Custom Code > Header

Increase Navbar Font Size #

Increase or decrease the font size of the header Navbar based on your needs. You can adjust the font size value as you see fit.

<style>    /* Header Nav Font Size */    header nav {        font-size: 1rem;    }</style>                    

You can paste this code into the Settings > Custom Code > Header