fixed most css, category nav left

Author: gerryjekova

_includes/menu-header.html

@@ -11,8 +11,10 @@
     <a class="nav-link" href="{{site.baseurl}}/about.html"><img class="rounded-circle mr-2" src="{{site.baseurl}}/{{site.avatar}}" width="30"><span class="align-middle">About</span></a>
 </li>
 <!-- Theme Dropdown as its own nav item -->
+<!-- Add this dropdown to your _includes/menu-header.html -->
+<!-- Theme Dropdown as its own nav item -->
 <li class="nav-item theme-dropdown">
-  <a class="nav-link theme-dropdown-toggle" id="theme-dropdown-toggle" href="#">
+  <a class="nav-link theme-dropdown-toggle" id="theme-dropdown-toggle" href="javascript:void(0);">
     <i class="fas fa-palette"></i> Theme
   </a>
   <div class="theme-dropdown-menu" id="theme-dropdown-menu">
@@ -44,4 +46,18 @@ <h6 class="dropdown-header">Dark Themes</h6>
       Pastel & Retro
     </button>
   </div>
-</li>
+</li>
+
+<!-- In your _layouts/default.html, make sure these CSS files are loaded in this order: -->
+<!--
+<link rel="stylesheet" href="{{site.baseurl}}/assets/css/bootstrap.css">
+<link rel="stylesheet" href="{{site.baseurl}}/assets/css/theme-switcher.css">
+<link rel="stylesheet" href="{{site.baseurl}}/assets/css/theme.css">
+-->
+
+<!-- And load the JavaScript at the end of the body: -->
+<!--
+<script src="{{site.baseurl}}/assets/js/theme-switcher.js"></script>
+-->
+
+

_layouts/default.html

@@ -14,7 +14,7 @@
 
     <link rel="stylesheet" href="{{site.baseurl}}/assets/css/bootstrap.css">
 
-    <link rel="stylesheet" href="{{site.baseurl}}/assets/css/theme.css">
+    <!--<link rel="stylesheet" href="{{site.baseurl}}/assets/css/theme.css"> -->
 
     <link rel="stylesheet" href="{{site.baseurl}}/assets/css/theme-switcher.css">
 
@@ -67,7 +67,7 @@
 
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
 
-    <script src="{{site.baseurl}}/assets/js/theme.js"></script>
+    <!-- <script src="{{site.baseurl}}/assets/js/theme.js "></script> -->
 
     <script src="{{site.baseurl}}/assets/js/lunr.js"></script>
 

_pages/categories.html

@@ -8,7 +8,7 @@
 
     <div class="container mb-1">
         <h1 class="font-weight-bold title">Categories</h1>    
-        <div class="row">
+        <div class="menu-categories">
         {% include menu-categories.html %}
         </div>
     </div>