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;}