From 34555aeae90cff5a282ae6f9fc554edee3ca9f97 Mon Sep 17 00:00:00 2001 From: Rich Loveland Date: Wed, 29 Mar 2017 15:10:01 -0400 Subject: [PATCH] Top navbar floats in place as you scroll down Similar to sites like: + ampproject.org + flutter.io --- assets/css/style.css | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/assets/css/style.css b/assets/css/style.css index aaca586f18..734740539c 100755 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,3 +1,21 @@ +/* top navbar floats at top of screen when you scroll */ + +header#top { + position: fixed; + width: 100%; +} + +/* bump top of left nav below floating top navbar */ + +.row { + margin-top: 3em; +} + +/* bump top of 'Prebid.js' text on homepage below floating top navbar */ + +.home-title { + margin-top: 1em; +} .bs-docs-nav .navbar-brand, .bs-docs-nav .navbar-nav>li>a { color: #444; @@ -335,4 +353,3 @@ table:not(.jsfiddle-line-number) { div.pl-doc-entry{ position: absolute; } -