From 78f87760023d37877e6f86991d1171de81fdc43b Mon Sep 17 00:00:00 2001
From: Wesobi <wesley@wesobi.be>
Date: Fri, 22 Apr 2016 15:39:49 +0200
Subject: [PATCH] Put nav in hamburger

Small hotfix for navbar: added hamburger so that links disappear on
mobile. #16 #39
---
 resources/views/layouts/core.blade.php | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/resources/views/layouts/core.blade.php b/resources/views/layouts/core.blade.php
index d3748d2..a33b67d 100644
--- a/resources/views/layouts/core.blade.php
+++ b/resources/views/layouts/core.blade.php
@@ -26,11 +26,18 @@
                     <nav class="navbar navbar-default">
                         <div class="container-fluid">
                             <div class="navbar-header">
+                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#hamburger" 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 class="navbar-brand" href="{{ URL::route('home') }}">
                                     <img src="{{ URL::to('/platform/logo.png') }}" class="navlogo" />
                                 </a>
                             </div>
-                            <div>
+
+                            <div class="collapse navbar-collapse" id="hamburger">
                                 <ul class="nav navbar-nav">
                                     <li @if (Request::is('/')) class="active" @endif>
                                         <a href="{{ URL::route('home') }}">{{ $W4P_project->title }}</a>
@@ -39,14 +46,7 @@
                                         <a href="{{ URL::route('how') }}">{{ trans('generic.how_does_it_work') }}</a>
                                     </li>
                                 </ul>
-                            </div>
-                            <div>
-                                <ul class="nav navbar-nav navbar-right">
-                                    <li>
-                                        {{-- For now, the navbar on the right remains empty --}}
-                                    </li>
-                                </ul>
-                            </div>
+                            </div><!-- /.navbar-collapse -->
                         </div>
                     </nav>
                 </div>