feat: add mobile banner to header

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 {
+@media (min-width: 576px) {
-  margin: 1.5rem 0;
+  ins[data-revive-zoneid] {
+    max-width: 100%;
+    height: auto;
+  }
 }

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 --}}

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