Skip to content

Commit 328e4d4

Browse files
Chocimierthe-maldridge
authored andcommitted
Adjust navbar to not hover page main content
At about 900px width navbar breaks into two lines. It was hovering page content on /download and /acknowledgments . Use dedicated css in place of older technique of fixed margin. On older browsers navbar scrolls together with page.
1 parent 2b91a3f commit 328e4d4

File tree

2 files changed

+9
-2
lines changed

2 files changed

+9
-2
lines changed

_layouts/default.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131
<script src="/assets/js/tabbar.js"></script>
3232
</head>
3333
<body role="document">
34-
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
34+
<nav class="navbar navbar-default navbar-inverse navbar-sticky" role="navigation">
3535
<div class="container">
3636
<div class="navbar-header">
3737
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#void-collapsed-navbar">

assets/css/screen.css

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
body {
22
font-family: 'Ubuntu', sans-serif;
3-
padding-top: 70px; /* For bootstrap fixed navbar
3+
/*
44
background-color: #111;
55
color: #ddd; */
66
}
@@ -16,6 +16,13 @@ code {
1616
color: #fff;
1717
}
1818

19+
.navbar-sticky {
20+
position: sticky;
21+
top: 0;
22+
border-radius: 0;
23+
}
24+
25+
1926
.vcenter {
2027
display: inline-block;
2128
vertical-align: middle;

0 commit comments

Comments
 (0)