FEATURE: fixed mobile design flaws

This commit is contained in:
peter
2016-04-25 17:55:05 +02:00
parent c17ddd48f8
commit 66f0873bc8
7 changed files with 27 additions and 11 deletions
+16 -4
View File
@@ -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>