modified: remarkbox_westworld/static/theme/westworld/css/theme.css

modified:   remarkbox_westworld/templates/westworld-base.j2

remarkbox_westworld/static/theme/westworld/css/theme.css

@@ -59,7 +59,7 @@ h1.brand {
   float: right;
   margin-bottom: 20px;   
   margin-right: 30px;
-
+  width: 252px;
 }
 
 #remarkbox-menu {
@@ -137,3 +137,22 @@ input, .common-textarea, #thread_title_input, #email_input, #email_input2 {
 @media screen and (min-width: 0px) and (max-width: 800px) {
   .mobile-hide{ display: none; }
 }
+
+/* burger phone menu */
+
+.burger-label {
+  background-color: #ffffff;
+  opacity: 0.75;
+  transition: .5s;
+}
+.burger-label:hover {
+  opacity: 1.0;
+  transition: .5s;
+}
+.burger-label span {
+  background-color: #000000;
+}
+
+.burger-checkbox ~ .phone-menu {
+  background-color: #000004;
+}

remarkbox_westworld/templates/westworld-base.j2

@@ -26,14 +26,7 @@
   </style>
 </noscript>
 
-<div id="alerts">
+{% include 'snippets/flash-alerts.j2' %}
-{%- for message, level in request.session.pop_flash() %}
-<div class="alert alert-{{level}}" onclick="this.style.display='none'" name="alert">
-    <label class="close js-only" alt="dismiss" title="dismiss">x</label>
-    {{message}}
-</div>
-{%- endfor %}
-</div>
 
 <div class="searchbox">
   {% include 'snippets/search.j2' %}