Last edited on July 19, 2021

How to make Sticky Navbars.

You can make your navbar sticky with the Code Injection feature.

1. Add this code to Site Settings > Code Injection > Site Header

Add this code to the Site Header section in Code Injection.

  div[class^="Navbar_navbarOverContainer"] {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    background: var(--background);

2. Press "Update Settings" to save the changes

Your code injection should look like the following. Press update changes to save your changes.

That's it 🎉

Your Navbar should now stick to the top of the screen, even when the user scrolled your page.

Made in Typedream