fix: issue #212 - problem with mobile navbar / burger menu

Author: dropclick

src/css/search.css

@@ -14,7 +14,7 @@
   background-color: #474d57;
   font-family: inherit;
   font-size: 0.95rem;
-  width: 150px;
+  width: 120px;
   border: none;
   line-height: 1.5;
   padding: 4px 20px;
@@ -29,12 +29,19 @@
   outline: none;
 }
 
+@media screen and (min-width: 500px) {
+  #search-input {
+    width: 150px;
+  }
+}
+
 @media screen and (min-width: 769px) {
   #search-input {
     width: 200px;
   }
 }
 
+
 .search-result-dropdown-menu {
   position: absolute;
   z-index: 100;

src/partials/header-content.hbs

@@ -7,7 +7,7 @@
       {{#if env.SITE_SEARCH_PROVIDER}}
       <div class="navbar-item search hide-for-print">
         <div id="search-field" class="field">
-          <input id="search-input" type="text" placeholder="Search the docs"{{#if page.home}} autofocus{{/if}}>
+          <input id="search-input" type="text" placeholder="Search..."{{#if page.home}} autofocus{{/if}}>
         </div>
       </div>
       {{/if}}