Fix navbar on firefox mobile.

2 files changed, 6 insertions, 31 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index b215297..af39fbc 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -84,6 +84,12 @@ td {
   text-decoration: none;
 }
 
+#nav-container {
+  /* override .container's right padding
+     to prevent wrapping on firefox mobile */
+  padding: 0;
+}
+
 .author {
   font-size: 1.3em;
   padding-top: 20px;
diff --git a/assets/css/skeleton.css b/assets/css/skeleton.css
index f50b2f7..c1f6ac8 100644
--- a/assets/css/skeleton.css
+++ b/assets/css/skeleton.css
@@ -357,12 +357,6 @@ form {
 .u-pull-left {
   float: left; }
 
-
-/* Misc
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-
-
-
 /* Clearing
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
@@ -374,28 +368,3 @@ form {
   display: table;
   clear: both; }
 
-
-/* Media Queries
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-/*
-Note: The best way to structure the use of media queries is to create the queries
-near the relevant code. For example, if you wanted to change the styles for buttons
-on small devices, paste the mobile query code up in the buttons section and style it
-there.
-*/
-
-
-/* Larger than mobile */
-@media (min-width: 400px) {}
-
-/* Larger than phablet (also point when grid becomes active) */
-@media (min-width: 550px) {}
-
-/* Larger than tablet */
-@media (min-width: 750px) {}
-
-/* Larger than desktop */
-@media (min-width: 1000px) {}
-
-/* Larger than Desktop HD */
-@media (min-width: 1200px) {}