Hide the footer on mobile

jacebrowning · Apr 27, 2017 · ae8c701 · ae8c701
1 parent c22ca12
commit ae8c701
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 8 deletions.
diff --git a/memegen/static/stylesheets/stylesheet.css b/memegen/static/stylesheets/stylesheet.css
@@ -161,12 +161,6 @@ span.meme-text {
   float: none;
 }
 
-@media (max-width: 576px) {
-  #footer-links {
-    display: none;
-  }
-}
-
 /*********************************************/
 /* Responsive Hotness */
 

diff --git a/memegen/templates/layout.html b/memegen/templates/layout.html
@@ -72,14 +72,14 @@ <h3 class="masthead-brand">
 
     {% block content %}{% endblock %}
 
-    <div class="footer">
+    <div class="footer hidden-xs">
       <nav>
         <ul class="nav masthead-nav footer-nav pull-left">
           <li>
              <a href="https://jacebrowning.info" target="_blank">© 2017 Jace Browning</a>
           </li>
         </ul>
-        <ul id="footer-links" class="nav masthead-nav footer-nav pull-right">
+        <ul class="nav masthead-nav footer-nav pull-right">
           <li><a href="https://www.facebook.com/memegenlink" target="_blank">Facebook</a></li>
           <li><a href="https://twitter.com/memegenlink" target="_blank">Twitter</a></li>
           <li><a href="{{ config['GITHUB_URL'] }}" target="_blank">GitHub</a></li>