NH_Gooi/nhgooi.nl
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: center banners on mobile

Browse Source
This commit is contained in:
Eric Bus
2024-12-06 14:02:56 +01:00
parent 21ca729958
commit 98a9cd2c53
3 changed files with 6 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/assets/sass/layout/_home.scss vendored
View File

@@ -7,14 +7,8 @@
@use "../components/featured"; @use "../components/featured";
@use "../components/podcast_items"; @use "../components/podcast_items";
ins[data-revive-zoneid] {
margin-top: -30px;
text-align: center;
margin-bottom: 30px;
}
@media (max-width: 576px) { @media (max-width: 576px) {
ins[data-revive-zoneid] { ins[data-revive-zoneid] img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }

6
resources/views/home.blade.php
View File

@@ -136,8 +136,10 @@
<div class="grey_background"> <div class="grey_background">
<div class="body_container row"> <div class="body_container row">
@if(!isset($disableBanners) || !$disableBanners) @if(!isset($disableBanners) || !$disableBanners)
<ins data-revive-zoneid="3" data-revive-id="{{ env('REVIVE_ID') }}"></ins> <div class="d-none d-md-flex justify-content-center">
<ins data-revive-zoneid="4" data-revive-id="{{ env('REVIVE_ID') }}"></ins> <ins data-revive-zoneid="3" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
<ins data-revive-zoneid="4" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
</div>
@endif @endif
<div class="col-12 col-md content_container"> <div class="col-12 col-md content_container">
<div class="row"> <div class="row">

2
resources/views/layouts/master.blade.php
View File

@@ -89,7 +89,7 @@
</div> </div>
@if(!isset($disableBanners) || !$disableBanners) @if(!isset($disableBanners) || !$disableBanners)
<div class="mobile-banner-fullwidth d-flex d-md-none"> <div class="mobile-banner-fullwidth d-flex d-md-none justify-content-center mt-4">
<ins data-revive-zoneid="6" data-revive-id="{{ env('REVIVE_ID') }}"></ins> <ins data-revive-zoneid="6" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
</div> </div>
@endif @endif