feat: Small changes to frontpage

1 files changed, 8 insertions, 10 deletions

diff --git a/code/frontpage/layouts/partials/header/header.html b/code/frontpage/layouts/partials/header/header.html
index b835635..7869784 100644
--- a/code/frontpage/layouts/partials/header/header.html
+++ b/code/frontpage/layouts/partials/header/header.html
@@ -6,7 +6,7 @@
 <div class="sticky-top">
   {{ end -}}
 
-  <header class="navbar navbar-expand-lg navbar-light doks-navbar">
+  <header class="navbar navbar-expand-md navbar-light doks-navbar">
     <nav class="container-{{ if .Site.Params.options.fullWidth }}fluid{{ else }}xxl{{ end }} flex-wrap flex-lg-nowrap"
       aria-label="Main navigation">
 
@@ -15,7 +15,7 @@
       </a>
 
       {{ if (in .Site.Params.sections.sectionNav .Section) -}}
-      <button class="btn btn-link order-0 ms-auto d-lg-none" type="button" data-bs-toggle="offcanvas"
+      <button class="btn btn-link order-0 ms-auto d-md-none" type="button" data-bs-toggle="offcanvas"
         data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
           stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
@@ -25,9 +25,8 @@
           <circle cx="5" cy="12" r="1"></circle>
         </svg>
       </button>
-      <div class="offcanvas offcanvas-start d-lg-none" tabindex="-1" id="offcanvasExample"
+      <div class="offcanvas offcanvas-start d-md-none" tabindex="-1" id="offcanvasExample"
         aria-labelledby="offcanvasExampleLabel">
-        <div class="header-bar"></div>
         <div class="offcanvas-header">
           <h5 class="offcanvas-title" id="offcanvasExampleLabel">{{ i18n "browse" }} {{ .Section }}</h5>
           <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
@@ -42,7 +41,7 @@
       </div>
       {{ end -}}
 
-      <button class="btn btn-menu order-2 d-block d-lg-none" type="button" data-bs-toggle="offcanvas"
+      <button class="btn btn-menu order-2 d-block d-md-none" type="button" data-bs-toggle="offcanvas"
         data-bs-target="#offcanvasDoks" aria-controls="offcanvasDoks" aria-label="Open main menu">
         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
           stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
@@ -52,17 +51,16 @@
           <line x1="3" y1="18" x2="21" y2="18"></line>
         </svg>
       </button>
-      <div class="offcanvas offcanvas-end border-0 py-lg-1" tabindex="-1" id="offcanvasDoks" data-bs-backdrop="true"
+      <div class="offcanvas offcanvas-end border-0 py-md-1" tabindex="-1" id="offcanvasDoks" data-bs-backdrop="true"
         aria-labelledby="offcanvasDoksLabel">
-        <div class="header-bar d-lg-none"></div>
-        <div class="offcanvas-header d-lg-none">
+        <div class="offcanvas-header d-md-none">
           <h2 class="h5 offcanvas-title ps-2" id="offcanvasDoksLabel"><a class="text-dark" href="{{ " /" | relLangURL
               }}">{{ .Site.Params.Title }}</a></h2>
           <button type="button" class="btn-close text-reset me-2" data-bs-dismiss="offcanvas"
             aria-label="Close main menu"></button>
         </div>
-        <div class="offcanvas-body p-4 p-lg-0">
-          <ul class="nav flex-column flex-lg-row align-items-lg-center mt-2 mt-lg-0 ms-lg-2 me-lg-auto">
+        <div class="offcanvas-body p-4 p-md-0">
+          <ul class="nav flex-column flex-md-row align-items-md-center mt-2 mt-md-0 ms-md-2 me-md-auto">
             {{- $current := . -}}
             {{- $section := $current.Section -}}
             {{ range .Site.Menus.main -}}