diff --git a/src/_includes/layout.njk b/src/_includes/layout.njk index 8ea7c90..0e86b09 100644 --- a/src/_includes/layout.njk +++ b/src/_includes/layout.njk @@ -13,8 +13,11 @@
-{{ section }} + +
{% include "nav.njk" %} +{{ section }} +
diff --git a/src/assets/css/moonweb.css b/src/assets/css/moonweb.css index 188f318..571cc63 100644 --- a/src/assets/css/moonweb.css +++ b/src/assets/css/moonweb.css @@ -86,14 +86,27 @@ strong { color:#BBCCEE; background-color:#334444; font-weight:normal;} /* Mobile Breakpoint: 768px */ @media (max-width: 768px) { - /* Mobile Header: Seite + Navigation nebeneinander */ + /* Mobile Header: Logo oben skaliert, darunter Seite + Navigation */ .mobile-header { - display: flex !important; - align-items: flex-start; + display: block !important; padding: 0 0 8px 0; } - .mobile-header .mobile-pageimage { - flex-shrink: 0; + .mobile-logo { + display: block; + width: 100%; + height: auto; + margin: 0; + } + .mobile-nav-row { + display: flex !important; + align-items: flex-start; + } + .mobile-nav-row .mobile-pageimage { + flex-shrink: 0 !important; + width: 108px !important; + height: 120px !important; + object-fit: cover !important; + object-position: top !important; } .mobile-header .nav-toggle { flex: 1; @@ -280,6 +293,10 @@ strong { color:#BBCCEE; background-color:#334444; font-weight:normal;} max-width: 100% !important; height: auto !important; } + img.mobile-pageimage { + height: 120px !important; + max-height: 120px !important; + } /* Background: komplett aus */ body {