Navbar with collapse & full-screen mobile menu

site-nav.html

navigation.css

nav.js

Fixed Navbar

add fixed + w-100, and padding to body element

Add js + corresponding CSS

// When scrolled
$(document).scroll(function () {
  var $nav = $(".o-nav--header");
  $nav.toggleClass('is-scrolled', $(this).scrollTop() > $nav.height());
});