Improve responsive css

2015-02-21 17:02:13 -05:00
parent 279ad3c17e
commit b9dd69853d
8 changed files with 60 additions and 6 deletions
--- a/assets/css/src/sidebar.css
+++ b/assets/css/src/sidebar.css
@@ -27,9 +27,20 @@
    line-height: 1.8em;
 }

+@media only screen and (max-width: 1024px) {
+    .sidebar {
+        width: 25%;
+    }
+
+    .sidebar-content {
+        margin-left: 30%;
+        width: 70%;
+    }
+}
+
@media only screen and (max-width: 767px) {
    .sidebar {
-        width: 96.5%;
+        width: 95%;
        float: none;
    }