diff --git a/web/themes/custom/geofresco/src/global/_layout.scss b/web/themes/custom/geofresco/src/global/_layout.scss index ea47f4e..938ca4b 100644 --- a/web/themes/custom/geofresco/src/global/_layout.scss +++ b/web/themes/custom/geofresco/src/global/_layout.scss @@ -7,9 +7,18 @@ // Center logo & sitename when they stack on tiny screens. @include mixins.until(local.$mini) { - .sitename.column, - .logo.column { - width: 100%; + .geo-logo-name .sitename { + position: absolute; + left: calc(100vw - 14rem); + top: 0.5rem; + } + // .logo.column { + // width: 100%; + // } + .navigation.column .hamburger { + position: absolute; + right: 0; + top: 0.5rem; } } diff --git a/web/themes/custom/geofresco/src/global/_variables.scss b/web/themes/custom/geofresco/src/global/_variables.scss index dd9adc1..6b0c2a9 100644 --- a/web/themes/custom/geofresco/src/global/_variables.scss +++ b/web/themes/custom/geofresco/src/global/_variables.scss @@ -22,7 +22,7 @@ $gleaning: $yellow; // Update Bulma's global variables. $primary: $geo-green; -$mini: 363px; +$mini: 448px; // Font family $family-geo: "Ocan", "Ubuntu", "Arial Narrow", "Helvetica", "Arial", "Lucida", sans-serif !default; diff --git a/web/themes/custom/geofresco/src/global/global.scss b/web/themes/custom/geofresco/src/global/global.scss index e978eb1..a762629 100644 --- a/web/themes/custom/geofresco/src/global/global.scss +++ b/web/themes/custom/geofresco/src/global/global.scss @@ -14,7 +14,7 @@ @forward "elements"; @forward "../../node_modules/bulma/sass/form/_index"; @forward "form"; -$navbar-breakpoint: calc($mini/2); +// $navbar-breakpoint: calc($mini/2); @forward "../../node_modules/bulma/sass/components/_index"; @forward "components"; @forward "../../node_modules/bulma/sass/grid/_index";