Get rid of all kinds of crazy CSS in favor of Bulma classes

web/themes/custom/geofresco/src/global/_components.scss

@@ -14,22 +14,6 @@
   }
 }
 
-// Move the user account menu to the left of the hamburger menu on mobile
-@include mobile {
-  #block-geofresco-account-menu .menubar {
-    position: absolute;
-    right: 3.25rem;
-    z-index: 40;
-    top: 1.75rem;
-  }
-}
-
-// OK somehow now we need to give the navbar a z-index, any z-index at all,
-// or else the slogan is hidden.
-.navbar {
-  z-index: 0;
-}
-
 // Featured images on article pages
 
 .featured-image figure.image {

web/themes/custom/geofresco/src/global/_elements.scss

@@ -14,16 +14,7 @@
 .user-account-menu li {
   display: inline-block;
   padding: .1rem .6rem;
-  float: right;
+//  float: right;
-}
-
-.search-bar form {
-  float: right;
-}
-
-.navbar-brand {
-  position: relative;
-  top: -36px;
 }
 
 // Add a gradient across only a portion of the vertical width of the navbar.
@@ -40,9 +31,7 @@
 }
 
 #navbar-menu .navbar-item {
-  height: 36px;
   font-size: 22px;
-  padding-top: 18px;
 }
 
 .slogan {

web/themes/custom/geofresco/src/templates/block/block--system-branding-block.html.twig

@@ -15,7 +15,7 @@
  */
 #}
 {% if site_logo %}
-<div class="logo column is-narrow is-paddingless">
+<div class="logo column is-narrow is-paddingless has-text-centered">
   <figure class="image no-upscale">
     <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
       <img src="{{ site_logo }}" alt="{{ site_name }} Home" />
@@ -23,7 +23,7 @@
   </figure>
 </div>
 {% endif %}
-<div class="sitename column is-narrow is-paddingless">
+<div class="sitename column is-narrow is-paddingless has-text-centered">
   <a class="site-title title is-3" href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
     <span class="green">Grassroots
       Economic</span>

web/themes/custom/geofresco/src/templates/layout/page.html.twig

@@ -53,7 +53,7 @@
   </nav>
 </div>
 <div class="columns">
-  <div class="column">
+  <div class="column has-text-centered">
     <p class="slogan"><strong class="title">{{ site_slogan }}</strong></p>
   </div>
 </div>