Hotfix for responsiveness of default theme

I'll completely refactor the default theme for Pico 1.1... The CSS is just broken.

CHANGELOG.md

@@ -7,6 +7,7 @@ Released: -
 ```
 * [New] Add Pico's social icons to default theme
 * [Fixed] Fix handling of non-YAML 1-line front matters
+* [Fixed] Fix responsiveness in default theme
 ```
 
 ### Version 1.0.3

themes/default/index.twig

@@ -22,7 +22,6 @@
         <div class="inner clearfix">
             <h1><a href="{{ "index"|link }}" id="logo">{{ site_title }}</a></h1>
             <nav>
-                <a href="#" class="menu-icon"></a>
                 <ul>
                     {% for page in pages if page.title %}
                         <li{% if page.id == current_page.id %} class="active"{% endif %}>

themes/default/style.css

@@ -238,12 +238,6 @@ dd {
     margin: 0;
     float: left;
 }
-#header .menu-icon {
-    display: none;
-    width: 35px;
-    height: 35px;
-    background: #afe1da url(menu-icon.png) center;
-}
 #header nav {
     float: right;
     list-style: none;
@@ -254,10 +248,6 @@ dd {
     font-weight: bold;
     margin-left: 20px;
 }
-#header a:hover#menu-icon {
-    background-color: #444;
-    border-radius: 4px 4px 0 0;
-}
 #header ul {
     list-style: none;
 }
@@ -306,75 +296,31 @@ dd {
     }
     #header {
         margin-bottom: 40px;
+        padding: 30px 0;
     }
-    #header h1 a {
+    #header h1 {
-        font-size:1em;
+        float: none;
     }
-    #header .menu-icon {
+    #header nav {
-        display:inline-block;
+        float: none;
+        width: 100%;
     }
-    #header nav a { color: #000; }
+    #header nav ul {
-    #header nav a:hover { color: #afe1da; }
+        padding: 0;
-    #header nav ul, nav:active ul {
-        display: none;
-        position: absolute;
-        padding: 20px;
-        background: #fff;
-        border: 5px solid #444;
-        right: 2.7em;
-        top: 100px;
-        width: 80%;
-        border-radius: 4px 0 4px 4px;
-        z-index: 9999;
     }
     #header nav li {
+        display: block;
+        float: left;
+        width: 50%;
         text-align: center;
-        width: 100%;
-        padding: 10px 0;
-        margin: 0;
     }
-    #header nav:hover ul {
+    #header nav li a {
         display: block;
-    }
-}
-
-/* Extra Small Devices, Phones */
-@media only screen and (max-width : 480px) {
-    .inner {
-        width: 85%;
-    }
-    .inner img {
-        width:100%;
-    }
-    #header {
-        margin-bottom: 30px;
-    }
-    #header h1 a {
-        font-size:1em;
-    }
-    #header .menu-icon {
-        display:inline-block;
-    }
-    #header nav a { color: #000; }
-    #header nav a:hover { color: #afe1da; }
-    #header nav ul, nav:active ul {
-        display: none;
-        position: absolute;
-        padding: 20px;
-        background: #fff;
-        border: 5px solid #444;
-        right: 0em;
-        top: 100px;
-        width: auto;
-        border-radius: 4px 0 4px 4px;
-    }
-    #header nav li {
-        text-align: center;
-        width: 100%;
-        padding: 10px 0;
         margin: 0;
+        padding: 10px 0;
     }
-    #header nav:hover ul {
+    #footer {
-        display: block;
+        margin-top: 40px;
+        padding: 30px 0;
     }
 }