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;}
|
||||
|
||||
Reference in New Issue
Block a user