From: Don Armstrong <don@donarmstrong.com>
Date: Sun, 11 Dec 2022 23:58:20 +0000 (-0800)
Subject: use menu to hide the rest of the navbar on mobile
X-Git-Url: https://git.donarmstrong.com/?a=commitdiff_plain;h=a3a6d8137974acecfc0494a11b5626bad1cd86a0;p=recipes.git

use menu to hide the rest of the navbar on mobile
---

diff --git a/templates/page.tmpl b/templates/page.tmpl
index 57d4341..989772f 100644
--- a/templates/page.tmpl
+++ b/templates/page.tmpl
@@ -46,8 +46,7 @@
 
   <section class="hero is-primary is-small">
     <div class = "hero-head">
-<nav class="navbar">
-  <div class="container" >
+<nav class="navbar" role="navigation" aria-label="main navigation">
     <div class="navbar-brand">
       <a class="navbar-item" href="/">
         Recipes
@@ -58,6 +57,14 @@
       <span aria-hidden="true"></span>
     </a>
     </div>
+    <div class="navbar-menu">
+      <div class="navbar-start">
+<TMPL_UNLESS DYNAMIC>
+<TMPL_IF SEARCHFORM>
+<div class="navbar-item"><TMPL_VAR SEARCHFORM></div>
+</TMPL_IF>
+</TMPL_UNLESS>
+      </div>
 <TMPL_IF HAVE_ACTIONS>
         <div class="navbar-end">
             <TMPL_IF EDITURL>
@@ -75,11 +82,6 @@
             <TMPL_IF PREFSURL>
                 <a class="navbar-item" rel="nofollow" href="<TMPL_VAR PREFSURL>">Preferences</a>
             </TMPL_IF>
-<TMPL_UNLESS DYNAMIC>
-<TMPL_IF SEARCHFORM>
-<div class="navbar-item"><TMPL_VAR SEARCHFORM></div>
-</TMPL_IF>
-</TMPL_UNLESS>
 <TMPL_IF ACTIONS>
 <TMPL_LOOP ACTIONS>
 <span class="navbar-item"><TMPL_VAR ACTION></span>