Hamburger

assets/styles/layout.css

@@ -60,6 +60,7 @@ header {
 .hamburger {
     cursor: pointer;
     display: none; /* Hidden on desktop */
+    font-size: 26px;
 }
 
 .header__logo {

templates/components/Header.html.twig

@@ -1,7 +1,7 @@
 <header class="header" data-controller="menu" {{ attributes }}>
     <div class="header__logo">
-        <h1 class="brand"><a href="/">Newsroom</a></h1>
-        <button class="hamburger" data-action="click->menu#toggle" aria-label="Menu">&#9776;</button>
+        <h1 class="brand"><a href="/">newsroom</a></h1>
+        <button class="hamburger btn btn-secondary" data-action="click->menu#toggle" aria-label="Menu">&#9776;</button>
     </div>
     <div class="header__categories"  data-menu-target="menu">
         <ul>