CSS: Mobile menu fixes
"Remove" border from buttons, set height on devices under 480px tall in
landscape mode
diff --git a/css/style.css b/css/style.css
index a2c099f..13740cb 100644
--- a/css/style.css
+++ b/css/style.css
@@ -173,7 +173,14 @@
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
-
+
+.navbar-collapse .navbar-nav > li > a,
+.navbar-collapse .navbar-nav > li > a:hover,
+.navbar-collapse .navbar-nav > li > a:focus,
+.navbar-collapse .navbar-nav > li > a:active {
+ border-color: transparent !important;
+}
+
/* Solid class attached on scroll past first section */
.navbar.solid {
background-color: #07374a;
@@ -438,6 +445,15 @@
.portfolio-projects--btn {margin-top:1.25em;}
#scrollIcon, #scrollTopIcon {font-size: 1em}
}
+@media (max-device-height: 480px) and (orientation: landscape) {
+ .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
+ max-height: 240px;
+ }
+ .navbar-nav>li>a {
+ padding-top: 6px;
+ padding-bottom: 6px;
+ }
+}
@media (max-width: 360px) {
.h1, h1 {font-size: 32px;}
}
\ No newline at end of file