Better header on mobile

diff --git a/karmaworld/templates/header.html b/karmaworld/templates/header.html
index f151af51ed66c35f6e023f4d1391472fda7a698c..570e4abd4c5cb31b17e63c35457a2e494972ca8f 100644 (file)
--- a/karmaworld/templates/header.html
+++ b/karmaworld/templates/header.html
@@ -2,14 +2,14 @@
 
 <header id="global_header">
   <div class="row">
-    <div id="logo_container" class="small-5 columns">
+    <div id="logo_container" class="small-7 medium-5 large-5 columns">
       <div class="row">
-        <div class="small-5 columns">
+        <div class="small-12 medium-5 large-5 columns">
           <a href="/">
             <img src="{{ STATIC_URL }}img/global_header_logo.png" alt="global_header_logo" width="144" height="17" />
           </a>
         </div>
-        <div class="small-7 columns">
+        <div class="medium-7 large-7 columns show-for-medium-up">
           {% if course.id %}
             <div id="search_container">
               <form action="{% url 'note_search' %}" method="GET">