From 71a5d3a690629927b3e5e78d1a30965e091a9b52 Mon Sep 17 00:00:00 2001
From: Eric Bus <eric.bus@websight.nl>
Date: Mon, 2 Dec 2024 12:09:22 +0100
Subject: [PATCH 1/4] fix: add mobile banner

---
 resources/assets/sass/layout/_home.scss | 6 +++++-
 resources/views/home.blade.php          | 6 ++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/resources/assets/sass/layout/_home.scss b/resources/assets/sass/layout/_home.scss
index e5b5ec7a..55bb8073 100644
--- a/resources/assets/sass/layout/_home.scss
+++ b/resources/assets/sass/layout/_home.scss
@@ -7,8 +7,12 @@
 @use "../components/featured";
 @use "../components/podcast_items";
 
-ins[data-revive-zoneid] {
+.header_container ins[data-revive-zoneid] {
   margin-top: -30px;
   text-align: center;
   margin-bottom: 30px;
 }
+
+.mobile-banner-fullwidth {
+  margin: 1.5rem 0;
+}
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 0299f0ec..bad37442 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -5,6 +5,12 @@
 @endsection
 
 @section('content')
+    <div class="mobile-banner-fullwidth">
+        @if(!isset($disableBanners) || !$disableBanners)
+            <ins data-revive-zoneid="1" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
+        @endif
+    </div>
+
     <div class="clearfix">
         <div class="blog_grid" data-snapto="{}">
             {{-- Desktop --}}
-- 
2.49.1


From 39f1ee4823cdcbbf2722bb6d54bf05e134ac1d73 Mon Sep 17 00:00:00 2001
From: Eric Bus <eric.bus@websight.nl>
Date: Wed, 4 Dec 2024 08:07:46 +0100
Subject: [PATCH 2/4] feat: add mobile banner to header

---
 resources/assets/sass/layout/_home.scss | 9 ++++++---
 resources/views/home.blade.php          | 6 ------
 resources/views/widgets/menu.blade.php  | 5 +++++
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/resources/assets/sass/layout/_home.scss b/resources/assets/sass/layout/_home.scss
index 55bb8073..d67a1b35 100644
--- a/resources/assets/sass/layout/_home.scss
+++ b/resources/assets/sass/layout/_home.scss
@@ -7,12 +7,15 @@
 @use "../components/featured";
 @use "../components/podcast_items";
 
-.header_container ins[data-revive-zoneid] {
+ins[data-revive-zoneid] {
   margin-top: -30px;
   text-align: center;
   margin-bottom: 30px;
 }
 
-.mobile-banner-fullwidth {
-  margin: 1.5rem 0;
+@media (min-width: 576px) {
+  ins[data-revive-zoneid] {
+    max-width: 100%;
+    height: auto;
+  }
 }
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index bad37442..0299f0ec 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -5,12 +5,6 @@
 @endsection
 
 @section('content')
-    <div class="mobile-banner-fullwidth">
-        @if(!isset($disableBanners) || !$disableBanners)
-            <ins data-revive-zoneid="1" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
-        @endif
-    </div>
-
     <div class="clearfix">
         <div class="blog_grid" data-snapto="{}">
             {{-- Desktop --}}
diff --git a/resources/views/widgets/menu.blade.php b/resources/views/widgets/menu.blade.php
index 9c5b01fb..a61aade8 100644
--- a/resources/views/widgets/menu.blade.php
+++ b/resources/views/widgets/menu.blade.php
@@ -146,4 +146,9 @@ function buildMenu($menu, $ismobile)
 	</ul>
 	</nav>
 </div>
+@if(!isset($disableBanners) || !$disableBanners)
+	<div class="mobile-banner-fullwidth">
+		<ins data-revive-zoneid="6" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
+	</div>
+@endif
 
-- 
2.49.1


From c1ddaa15c67fba967e275f8c0d35f420feae383e Mon Sep 17 00:00:00 2001
From: Eric Bus <eric.bus@websight.nl>
Date: Wed, 4 Dec 2024 10:27:15 +0100
Subject: [PATCH 3/4] fix: only show mobile banner on mobile

---
 resources/views/widgets/menu.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/widgets/menu.blade.php b/resources/views/widgets/menu.blade.php
index a61aade8..8a8545b8 100644
--- a/resources/views/widgets/menu.blade.php
+++ b/resources/views/widgets/menu.blade.php
@@ -147,7 +147,7 @@ function buildMenu($menu, $ismobile)
 	</nav>
 </div>
 @if(!isset($disableBanners) || !$disableBanners)
-	<div class="mobile-banner-fullwidth">
+	<div class="mobile-banner-fullwidth d-flex d-md-none">
 		<ins data-revive-zoneid="6" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
 	</div>
 @endif
-- 
2.49.1


From a86f8e56a1b4a9e2f5c11f99168fdd28a4446e0f Mon Sep 17 00:00:00 2001
From: Eric Bus <eric.bus@websight.nl>
Date: Wed, 4 Dec 2024 10:42:30 +0100
Subject: [PATCH 4/4] fix: show banner full-width on mobile

---
 resources/assets/sass/layout/_home.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/assets/sass/layout/_home.scss b/resources/assets/sass/layout/_home.scss
index d67a1b35..9e020ec1 100644
--- a/resources/assets/sass/layout/_home.scss
+++ b/resources/assets/sass/layout/_home.scss
@@ -13,7 +13,7 @@ ins[data-revive-zoneid] {
   margin-bottom: 30px;
 }
 
-@media (min-width: 576px) {
+@media (max-width: 576px) {
   ins[data-revive-zoneid] {
     max-width: 100%;
     height: auto;
-- 
2.49.1