Put nav in hamburger

Small hotfix for navbar: added hamburger so that links disappear on mobile. #16 #39
openknowledgebe · Apr 22, 2016 · 78f8776 · 78f8776
1 parent 7567405
commit 78f8776
Showing 1 changed file with 9 additions and 9 deletions.
diff --git 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>