diff --git a/theme/navbar.js b/theme/navbar.js index 58323ac..280461a 100644 --- a/theme/navbar.js +++ b/theme/navbar.js @@ -5,7 +5,10 @@ document.addEventListener('DOMContentLoaded', function () { ''; document.body.insertBefore(navbar, document.body.firstChild); diff --git a/theme/sepia.css b/theme/sepia.css index 06a6f66..3a0585a 100644 --- a/theme/sepia.css +++ b/theme/sepia.css @@ -5,14 +5,25 @@ .navbar { background-color: #5d4037 !important; box-shadow: 0 2px 4px rgba(62, 39, 35, 0.3) !important; - position: sticky !important; + position: fixed !important; top: 0 !important; - z-index: 1000 !important; + left: 0 !important; + right: 0 !important; + z-index: 200 !important; border-bottom: 2px solid #4e342e !important; margin: 0 !important; padding: 0 !important; } +/* Push mdbook chrome below the fixed navbar */ +.sidebar { + top: 3.5rem !important; +} + +.page-wrapper { + padding-top: 3.5rem !important; +} + .nav-container { max-width: 1200px !important; margin: 0 auto !important;