FEATURE: fixed mobile design flaws
This commit is contained in:
+16
-4
@@ -207,10 +207,12 @@ footer a:hover {color: #46c1be !important;}
|
||||
.orbit.header .orbit-bullets {display: none;}
|
||||
#chevron-down {display: none;}
|
||||
|
||||
.assortment-h5 {text-align: left; margin-left: 185px; font-size: 1.3rem;}
|
||||
.assortment-p {text-align: left; margin-left: 185px; font-size: 0.75rem; width: 100%;}
|
||||
.assortment-more-btn {text-align: left; margin-left: 185px; display: block;}
|
||||
img.thumbnail {float: left; width: 150px; height: auto;}
|
||||
.assortment-h5 {text-align: left; margin-left: 115px; font-size: 1.3rem;}
|
||||
.assortment-p {text-align: left; margin-left: 115px; font-size: 0.75rem; width: 100%;}
|
||||
.assortment-more-btn {text-align: left; margin-left: 115px; display: block;}
|
||||
img.thumbnail {float: left; width: 100px; height: auto;}
|
||||
|
||||
.gallery-image-holder, .gallery-image-holder>img {height: 150px;}
|
||||
|
||||
#content h4 {font-size: 1rem; line-height: 1; width: 50%; float: left; padding-left: 30px; padding-right: 30px; text-align: left;}
|
||||
#questions .button { margin-top: 7px !important;}
|
||||
@@ -235,6 +237,11 @@ footer a:hover {color: #46c1be !important;}
|
||||
footer {padding-top: 20px;}
|
||||
|
||||
.p-lr-50-sm {padding-left: 50px; padding-right: 50px;}
|
||||
.p-lr-15-sm {padding-left: 15px; padding-right: 15px;}
|
||||
|
||||
.footer-menu ul.menu li{display: block; }
|
||||
.footer-info a {display: block;}
|
||||
.footer-info span {display: none;}
|
||||
|
||||
#responsive-menu {z-index: 500; width: 100%; height: 100%; min-height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(70, 193, 190, 0.8); }
|
||||
#hidden-menu-divider {display: block; margin: 40px auto 20px; font-size: 1.8rem; color: #ffffff; text-align: center; font-weight: 500;}
|
||||
@@ -245,6 +252,11 @@ footer a:hover {color: #46c1be !important;}
|
||||
#unload-menu {position: absolute; top: 0; float: right; margin: 10px;}
|
||||
}
|
||||
|
||||
@media (max-width:430px) {
|
||||
#content h4 {width: 100%;}
|
||||
#questions .button { margin-top: 7px !important;}
|
||||
}
|
||||
|
||||
/* BLightBox defaults */
|
||||
.b-lightbox-holder{background-color:rgba(0,0,0,0.85);width:100%;height:100%;position:fixed;top:0;left:0;display:none;z-index:1000;}
|
||||
.b-lightbox-image{display:none;border-radius:0;max-height:90%;max-width:90%;position:fixed;margin:0 auto;z-index:1001;}
|
||||
|
||||
@@ -92,7 +92,9 @@
|
||||
</li>--}}
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<div class="footer-menu">
|
||||
@widgetArea('mainMenu')
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<hr>
|
||||
@widgetArea('footer')
|
||||
|
||||
@@ -154,7 +154,9 @@
|
||||
</li>--}}
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
<div class="footer-menu">
|
||||
@widgetArea('mainMenu')
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<hr>
|
||||
@widgetArea('footer')
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjADMGOysqt0ibo9mD5Cr8rs47ZQF8rKQ&callback=initMap" async defer></script>
|
||||
</div>
|
||||
<div class="large-6 column green-wrapper p-25" id="contact-form">
|
||||
<div class="column large-12 medium-8 medium-centered p-lr-0 p-lr-50-sm">
|
||||
<div class="column large-12 medium-8 small-12 medium-centered p-lr-0 p-lr-15-sm">
|
||||
<h6 class="text-center uppercase m-b-25 bold">Napište nám</h6>
|
||||
<form id="form-{{$page->id}}">
|
||||
{!! csrf_field() !!}
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<div class="row column gallert" id="gallery-images">
|
||||
<h2 class="m-b-25">{{$page->title}}</h2>
|
||||
@foreach($images as $index => $image)
|
||||
<div class="column medium-3 small-6 gallery-image-holder b-invo" data-index="{{$index}}" data-img="" data-label="{{$image->description}}">
|
||||
<div class="column large-3 medium-4 small-6 gallery-image-holder b-invo" data-index="{{$index}}" data-img="" data-label="{{$image->description}}">
|
||||
<img src="{{config('app.upload_url')}}/{{$image->filename}}" alt="{{$image->name}}">
|
||||
<div class="gallery-item-data text-center">
|
||||
@if (isset($image->name) && !empty($image->name))
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<div class="row column text-center">
|
||||
<h2 id="assortment">{{$page->title}}</h2>
|
||||
</div>
|
||||
<div class="row text-center assorment-holder">
|
||||
<div class="row text-center assortment-holder p-lr-15-sm">
|
||||
@forelse($page->subpages() as $i => $subpage)
|
||||
<div class="column subpages text-center small-12 medium-6 large-3 left m-b-25" data-equalizer-watch>
|
||||
<div class="image-clicker b-invo" data-img="" data-label="{{$subpage->title}}" >
|
||||
|
||||
@@ -4,11 +4,11 @@
|
||||
|
||||
@if (!empty($page->subpages()))
|
||||
@foreach($page->subpages() as $i => $subpage)
|
||||
<div class="row column text-center medium-11 medium-centered m-t-25 p-lr-50-sm">
|
||||
<div class="row column text-center small-12 medium-11 medium-centered m-t-25 p-lr-15-sm">
|
||||
<h2>{{$subpage->title}}</h2>
|
||||
<hr>
|
||||
{!! $subpage->content !!}
|
||||
<div class="m-b-25 medium-11 medium-centered m-t-25 p-lr-50-sm" data-equalizer data-equalize-on="medium">
|
||||
<div class="m-b-25 medium-11 medium-centered m-t-25 p-lr-0" data-equalizer data-equalize-on="medium">
|
||||
@if (!empty($subpage->subpages()))
|
||||
@foreach($subpage->subpages() as $y => $subSubpage)
|
||||
<div class="column subpages text-center small-12 medium-6 large-3 left m-b-25" data-equalizer-watch>
|
||||
|
||||
Reference in New Issue
Block a user