fix: center banners on mobile
This commit is contained in:
8
resources/assets/sass/layout/_home.scss
vendored
8
resources/assets/sass/layout/_home.scss
vendored
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user