fix: center banners on mobile

This commit is contained in:
2024-12-06 14:02:56 +01:00
parent 21ca729958
commit 98a9cd2c53
3 changed files with 6 additions and 10 deletions

View File

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

View File

@@ -136,8 +136,10 @@
<div class="grey_background">
<div class="body_container row">
@if(!isset($disableBanners) || !$disableBanners)
<div class="d-none d-md-flex justify-content-center">
<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
<div class="col-12 col-md content_container">
<div class="row">

View File

@@ -89,7 +89,7 @@
</div>
@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>
</div>
@endif