diff --git a/pages/_includes/layout/sidenav.html b/pages/_includes/layout/sidenav.html
index ac03d5281..980aef6ec 100644
--- a/pages/_includes/layout/sidenav.html
+++ b/pages/_includes/layout/sidenav.html
@@ -1,4 +1,4 @@
{% assign menu = page.menu | default: layout.menu %}
-
+
{% include layout/sidenav-content.html menu=menu %}
diff --git a/pages/_includes/layout/topnav.html b/pages/_includes/layout/topnav.html
index b1d217c16..7482b24c3 100644
--- a/pages/_includes/layout/topnav.html
+++ b/pages/_includes/layout/topnav.html
@@ -1,4 +1,4 @@
-
+
{% include parts/navbar.html logo=true search=true user-menu=1 person=1 dark=include.dark %}
diff --git a/scss/layout/_navbar.scss b/scss/layout/_navbar.scss
index 01a564641..7ace61f0b 100644
--- a/scss/layout/_navbar.scss
+++ b/scss/layout/_navbar.scss
@@ -234,6 +234,22 @@ Dark navbar
}
}
+/**
+Sticky navbar
+ */
+.navbar-sticky {
+ position: sticky;
+ top: 0;
+ z-index: 100;
+
+ &.navbar-side {
+ left: 0;
+ }
+}
+
+/**
+Folded navbar
+ */
.navbar-folded {
width: $sidenav-folded-width;
min-width: $sidenav-folded-width;
@@ -264,6 +280,7 @@ Dark navbar
width: 1.5rem;
font-size: px2rem(15px);
opacity: 1;
+ justify-content: center;
}
}