bs5 mobile menu fix

samvera · Oct 10, 2024 · 1e49eaf · 1e49eaf
1 parent c431520
commit 1e49eaf
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/app/views/_masthead.html.erb b/app/views/_masthead.html.erb
@@ -1,12 +1,14 @@
 <header aria-label="header" class="top-header">
   <nav id="masthead" class="navbar navbar-expand-lg navbar-dark bg-dark justify-content-between <%= placement_class %>" role="navigation" aria-label="masthead">
-    <h1 class="sr-only"><%= application_name %></h1>
-    <%= render '/logo' %>
-    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#top-navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
-      <span class="navbar-toggler-icon"></span>
-    </button>
-    <div class="collapse navbar-collapse justify-content-end" id="top-navbar-collapse">
-      <%= render '/user_util_links' %>
+    <div class="container-fluid">
+      <h1 class="sr-only"><%= application_name %></h1>
+      <%= render '/logo' %>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#top-navbar-collapse" aria-controls="top-navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse justify-content-end" id="top-navbar-collapse">
+        <%= render '/user_util_links' %>
+      </div>
     </div>
   </nav>
 </header>