@Jordanpuga I was playing around with the the JSFiddle referenced in that Medium post and integrated it into a Webflow site which I also made cloneable: https://webflow.com/website/Medium-Navbar-in-Webflow
Just add the script which they have in the footer of the jsfiddle between two script tags:
Then add in a div block and set it to a be a "header" HTML5 element in the element settings:
Add a class to the "header" element (I just called it
header in this instance) and style that header.
Then add a combo class of
nav-up and style the position of the header when you want it out of view such as position: top of -60px (because the header is 60px tall in this case).
Thereafter, remove the
nav-up combo class from the element.
Add a Transition setting for the "Top" position on your
header element, this will set the speed/animation of the
header elements position as it slides up and down. Without setting this the animation will not be smooth but rather look rigid, almost like a
display: none style.
Then publish the site and you should be all set, hope that this is helpful