Conclusion of endless round of changes to make menu sort of usable

The dropdowns do not drop down on touch devices,
before fixing that need to check in on if the noble
battle to keep the menu visible for as many devices
as possible (and not hide behind the hamburger)
should in fact be given up.

Ref #114

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

@@ -18,6 +18,47 @@
   }
 }
 
+.geo-logo-name {
+  display: flex !important;
+  overflow: hidden;
+  width: 100%;
+  .logo, .sitename {
+    display: table-cell;
+  }
+  .logo a {
+    display: block;
+    width: 199px;
+  }
+  @include from($tablet) {
+    width: fit-content;
+  }
+  @include until($mini) {
+    justify-content: flex-end;
+  }
+}
+
+@include until($desktop) {
+  .search-bar {
+    display: none !important;
+  }
+}
+
+// Mostly to reduce the impact of the ridiculous (mostly on Chrome) ghost mobile horizontal scroll.
+.search-icon {
+  padding-right: 1rem;
+}
+
+#navbar-menu {
+  display: flex;
+  // More modern Bulma has is-flex-wrap-wrap as a class for this.
+  flex-wrap: wrap;
+  @include until($tablet) {
+    width: 100%;
+    justify-content: space-around;
+  }
+}
+
+
 /* Featured images on article pages */
 .featured-image figure.image {
   width: 100vw;

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

@@ -1,7 +1,6 @@
 @charset "UTF-8";
 // Extend or override Bulma's layouts ../../node_modules/bulma/sass/layout
 
-
 // Center logo & sitename when they stack on tiny screens.
 @include until($mini) {
   .sitename.column,
@@ -15,6 +14,7 @@
   display: inline-block;
 }
 
+
 // Allow the primary page content to be flush with the bottom of the slogan.
 .main-section {
   padding-top: 0;
@@ -38,9 +38,6 @@
 }
 
 // Prevent a slight horizontal scroll.
-.page-title .container {
-  overflow-x: hidden;
-}
 
 /* On content listing pages (e.g. card view mode). */
 .background-replacement-for-no-image {