From 6f72b0ffcd48219c8b32ff700985f51c25d329ec Mon Sep 17 00:00:00 2001
From: Jonathan Miller <230051081+jmiller-moko@users.noreply.github.com>
Date: Sat, 4 Apr 2026 15:33:22 -0500
Subject: [PATCH] Use Font Awesome for hamburger menu icon

Replace Bootstrap navbar-toggler-icon SVG with fa-solid fa-bars
in mainmenu.php. Update .container-header .navbar-toggler CSS to
use --mainmenu-nav-link-color for color and border.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/html/mod_menu/mainmenu.php | 2 +-
 src/media/css/template.css     | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/html/mod_menu/mainmenu.php b/src/html/mod_menu/mainmenu.php
index 203dcf4..e664177 100644
--- a/src/html/mod_menu/mainmenu.php
+++ b/src/html/mod_menu/mainmenu.php
@@ -31,7 +31,7 @@ $moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COM
     <div class="container-fluid">
         <!-- Hamburger toggle button for mobile -->
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainMenuCollapse" aria-controls="mainMenuCollapse" aria-expanded="false" aria-label="Toggle Main Menu">
-            <span class="navbar-toggler-icon"></span>
+            <span class="fa-solid fa-bars" aria-hidden="true"></span>
         </button>
 
         <!-- Collapsible menu content -->
diff --git a/src/media/css/template.css b/src/media/css/template.css
index 182e1c4..e39a634 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -14477,7 +14477,9 @@ li.current a {
 }
 
 .container-header .navbar-toggler {
-	color: var(--mainmenu-nav-link-color, #e6ebf1);
+	color: var(--mainmenu-nav-link-color, #fff);
+	border-color: var(--mainmenu-nav-link-color, #fff);
+	font-size: 1.25rem;
 	cursor: pointer;
 }