FEATURE #2351 @30m: modify responsive version

templates/PragueTennisCamp/Resources/views/modules/contactform/visitor/default.blade.php

@@ -1,11 +1,10 @@
 @extendVisitor('defaultLayout')
 
 @section('topMenu')
-    <div class="top-bar-right">
-        @widgetArea('mainMenu')
-    </div>
+    @include(\App\CMS\Helpers\Template::name('commonHeader'))
 @endsection
 
+
 @section('content')
 
     <div class="row content-container">

templates/PragueTennisCamp/Resources/views/modules/staticpages/visitor/default.blade.php

@@ -1,18 +1,7 @@
 @extendVisitor('defaultLayout')
 
 @section('topMenu')
-    <div class="top-bar-left hide-for-small-only">
-        <h1 class="text-center">
-            <a href="{{route('page.index')}}">
-                <img class="logo" src="@asset('visitor/images/logo.png')" alt="">
-                {{setting('pageName')}}
-            </a>
-        </h1>
-    </div>
-
-    <div class="top-bar-right">
-        @widgetArea('mainMenu')
-    </div>
+    @include(\App\CMS\Helpers\Template::name('commonHeader'))
 @endsection
 
 @section('content')

templates/PragueTennisCamp/Resources/views/modules/staticpages/visitor/homepage.blade.php

@@ -1,14 +1,23 @@
 @extendVisitor('defaultLayout', ['test' => 1])
 
 @section('topMenu')
-    <div class="hide-for-small-only">
-        <h1 class="text-center">
-            <a href="{{route('page.index')}}">
-                <img class="logo" src="@asset('visitor/images/logo.png')" alt="">
-                {{setting('pageName')}}
-            </a>
-        </h1>
+    <h1 class="text-center">
+        <a href="{{route('page.index')}}">
+            <img class="logo" src="@asset('visitor/images/logo.png')" alt="">
+            {{setting('pageName')}}
+        </a>
+    </h1>
+
+    <div class="title-bar text-right" data-responsive-toggle="main-menu" data-hide-for="medium">
+        <button class="menu-icon" type="button" data-toggle></button>
     </div>
+
+    <header class="hide-for-small hide-for-medium hide-for-large top-bar centered text-center">
+        <div id="main-menu">
+            @widgetArea('mainMenu')
+        </div>
+    </header>
+
 @endsection
 
 @section('content')
@@ -29,11 +38,9 @@
                     <button @if($i == 0) class="is-active" @endif data-slide="{{$i}}"></button>
                 @endforeach
             </nav>
-
-            {{--<div class="stripe orbit-top"></div>--}}
-            {{--<div class="stripe orbit-bottom"></div>--}}
         </div>
-        <header class="top-bar centered text-center">
+
+        <header class="hide-for-small-only top-bar centered text-center">
             @widgetArea('mainMenu')
         </header>
     @endif

templates/PragueTennisCamp/Resources/views/visitor/commonHeader.blade.php

@@ -0,0 +1,19 @@
+<div class="title-bar text-right" data-responsive-toggle="main-menu" data-hide-for="medium">
+    <button class="menu-icon" type="button" data-toggle></button>
+</div>
+
+<div id="main-menu">
+    <div class="top-bar-left hide-for-medium-only hide-for-small-only">
+        <h1 class="text-center">
+            <a href="{{route('page.index')}}">
+                <img class="logo" src="@asset('visitor/images/logo.png')" alt="">
+                {{setting('pageName')}}
+            </a>
+        </h1>
+    </div>
+
+    <div class="top-bar-right">
+        @widgetArea('mainMenu')
+    </div>
+</div>
+

templates/PragueTennisCamp/Resources/views/visitor/defaultLayout.blade.php

@@ -45,10 +45,10 @@
 <div class="clearfix"></div>
 
 
-<footer id="footer" class="row">
-    <div id="footer-widgets text-center">
-        @widgetArea('footer')
-    </div>
+<footer class="row" id="footer">
+        <div id="footer-widgets" class=" text-center">
+            @widgetArea('footer')
+        </div>
     <div id="binarity" class="text-right">
         <a target="_blank" href="https://www.binarity.cz/"> binarity s.r.o.</a>
     </div>