Add mobile styling

resources/views/widgets/menu.blade.php

@@ -120,7 +120,7 @@ function buildMenu($menu, $ismobile)
 	return $result;
 }
 ?>
-<nav>
+<nav class="d-none d-md-flex">
 	<div></div>
 	<ul class="menu d-none d-lg-block">
 		<li class="{{isActive('/', false) ? "selected" : ""}}">
@@ -135,26 +135,23 @@ function buildMenu($menu, $ismobile)
 	</ul>
 	<div></div>
 </nav>
-<div class="mobile_menu_container d-none d-sm-block d-md-none">
-	<a href="#" class="mobile-menu-switch">
-		<span class="line"></span>
-		<span class="line"></span>
-		<span class="line"></span>
-	</a>
-	<div class="mobile-menu-divider"></div>
-	<nav>
+<div class="mobile_menu_container">
+	<nav id="mobile_menu_nav">
 		<ul class="mobile-menu">
-			@if($activeBlog != null)
-				<li class="{{isActive($activeBlog->url, false) ? "selected" : ""}}">
-					<a href="{{url($activeBlog->url)}}" title="Liveblog: {{$activeBlog->title}}">
-						<b>Live-blog</b> | {{$activeBlog->title}}
-					</a>
-				</li>
-			@endif
-			<li class="submenu {{isActive($newsUrl, false) ? "selected" : ""}}">
-				<a href="{{$newsUrl}}" title="Nieuws">
-					Nieuws
-				</a>
+			<li class="logo_close_button">
+				<div class="logo">
+					<a href="{{url('/')}}"><img src="/images/logo-NHGooi.svg"/></a>
+				</div>
+				<div class="mobile_close_menu_button">
+					<a href="javascript:void(0)"><i class="fa-solid fa-xmark"></i></a>
+				</div>
+			</li>
+			<li class="{{isActive('/', false) ? "selected" : ""}}">
+				<a href="/" title="Home">Home</a>
+			</li>
+			@php($newsUrl = '/nieuws')
+			<li class="{{isActive($newsUrl, false) ? "selected" : ""}}">
+				<a href="{{$newsUrl}}" title="Nieuws">Nieuws</a>
 			</li>
 			{!! buildMenu($menu, true) !!}
 	</ul>