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.



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



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