Better image handling on generic header include. Workson #75

bakerydemo/static/css/main.css

@@ -792,9 +792,16 @@ span.outline {
 .base-header img {
   height: auto;
   margin-top: 20px;
+  max-width: 100%;
   width: auto;
 }
 
+@media (max-width: 970px) {
+  .base-header img {
+    width: 100%;
+  }
+}
+
 /* No gutters */
 .row.no-gutters {
   margin-right: 0;

bakerydemo/templates/base/include/header.html

@@ -13,4 +13,4 @@
             <h1>{{ page.title }}</h1>
         </div>
     </div>
-</div>
+</div>