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) {
-    margin-top: 40px;
+    .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>