Merge pull request #26 from sergiors/master

Fix mobile menu

Author: mrprompt

_includes/footer.html

@@ -92,6 +92,10 @@
 <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
 <!-- end Jquery -->
 
+<!-- start bootstrap -->
+<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
+<!-- end bootstrap -->
+
 <!-- start jsSocial -->
 <script src="//cdn.rawgit.com/tabalinas/jssocials/v0.2.0/dist/jssocials.min.js"></script>
 <!-- end jsSocial -->

_includes/head.html

@@ -68,7 +68,7 @@
   <meta name="twitter:image:src" content="{{ "/img/logo_phpsc_transparent.png" | prepend: site.baseurl }}">
   <!-- End twitter cards metadatas -->
 
-  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
+  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
   <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
 
   <!-- start jssocials -->

_includes/header.html

@@ -1,16 +1,16 @@
 <nav class="navbar navbar-static-top navbar-purple">
   <div class="container">
       <div class="navbar-header">
-          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse" aria-expanded="false">
+          <a href="#" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu-collapse" aria-expanded="false">
               <span class="sr-only">Toggle navigation</span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
-          </button>
+          </a>
           <a class="navbar-brand" href="{{ site.baseurl }}/">{{ site.title }}</a>
       </div>
 
-      <div class="collapse navbar-collapse" id="collapse">
+      <div class="collapse navbar-collapse" id="menu-collapse">
           <ul class="nav navbar-nav">
               {% for page in site.pages %}
                 {% if page.title %}

_sass/_layout.scss

@@ -324,3 +324,10 @@
         }
     }
 }
+
+.navbar-toggle {
+    border-color: $purple;
+    .icon-bar {
+        background-color: $purple;
+    }
+}