mobile devices tweaks

13 years ago · 9faaa7d44d
2 changed files with 14 additions and 2 deletions
--- a/app/assets/stylesheets/theme/layout.css.scss
+++ b/app/assets/stylesheets/theme/layout.css.scss
@ -2,10 +2,19 @@ body {
    background: #f7fdff;
 }

-#main {
+@media (max-width: 980px) {
+    .navbar-fixed-top {
+        margin-bottom: 0px;
+    }
+}
+
+@media (min-width: 980px) {
+    #main {
        margin-top: 40px;
+    }
 }

+
 .footer {
    margin-top: 25px;
    padding: 15px 0 15px;
--- a/app/views/pages/home/_headlines.html.erb
+++ b/app/views/pages/home/_headlines.html.erb
@ -21,5 +21,8 @@
  <li>
    Complete developers API's
  </li>
+  <li>
+    Accessible from mobile devices
+  </li>
 </ul>