resolved overlapping sidebar on contact us section

On windows firefox sidebar would overlap with contact us section and footer. Moving sidebar into _includes and applying wrapper div in default.html resolves this
pgroth · Jan 18, 2020 · 961bdd7a88518c38cd47e615ec76c16213c51986 · 961bdd7
1 parent 6ea3dc1
commit 961bdd7a88518c38cd47e615ec76c16213c51986
Unified Split

Showing with 18 additions and 19 deletions.

+13 −0 _includes/sidebar.html

+5 −1 _layouts/default.html

+0 −18 index.md
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
@@ -0,0 +1,13 @@
+<!-- Sidebar -->
+<section id="sidebar">
+	<div class="inner">
+		<nav>
+			<ul>
+				<li><a href="#intro">Welcome</a></li>
+				<li><a href="#one">Who we are</a></li>
+				<li><a href="#two">What we do</a></li>
+				<li><a href="#three">Get in touch</a></li>
+			</ul>
+		</nav>
+	</div>
+</section>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -8,7 +8,11 @@
 {% include head.html %}
 <body>
 {% include header.html %}
+{% include sidebar.html %}
+<!-- Wrapper -->
+<div id="wrapper">
 {{ content }}
 {% include footer.html %}
+</div>
 </body>
-</html>
+</html>
diff --git a/index.md b/index.md
@@ -2,24 +2,6 @@
 layout: default
 title: Hyperspace by HTML5 UP
 ---
-
-<!-- Sidebar -->
-<section id="sidebar">
-	<div class="inner">
-		<nav>
-			<ul>
-				<li><a href="#intro">Welcome</a></li>
-				<li><a href="#one">Who we are</a></li>
-				<li><a href="#two">What we do</a></li>
-				<li><a href="#three">Get in touch</a></li>
-			</ul>
-		</nav>
-	</div>
-</section>
-
-<!-- Wrapper -->
-<div id="wrapper">
-
 <!-- Intro -->
 <section id="intro" class="wrapper style1 fullscreen fade-up">
 	<div class="inner">