updated button css

CuBoulder · Oct 18, 2023 · 56c7f0f · 56c7f0f
1 parent 0974620
commit 56c7f0f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/css/ucb-menu.css b/css/ucb-menu.css
@@ -7,6 +7,9 @@
 }
 
 @media only screen and (max-width: 600px) {
+  .ucb-mobile-menu-button-div {
+    line-height: 2em;
+  }
   .ucb-primary-menu-region .ucb-primary-menu-region-container,
   .ucb-secondary-menu-region .ucb-secondary-menu-region-container {
     padding-left: 0;
@@ -35,7 +38,7 @@
   #example-toggle {
     display: block;
     max-width: 100px;
-    font-size: 20px;
+    font-size: 2em;
     margin-left: auto;
   }
   .ucb-menu,

diff --git a/templates/navigation/menu--main.html.twig b/templates/navigation/menu--main.html.twig
@@ -39,7 +39,9 @@
     {% import _self as menus %}
     {% if items %} 
     <nav id = "ucb-main-menu-nav">
-    <button id="example-toggle" aria-label="Toggle example menu">☰</button>
+        <div class = "ucb-mobile-menu-button-div">
+            <button id="example-toggle" aria-label="Toggle example menu">☰</button>
+        </div>
         <ul id= "ucb-main-menu" {{ attributes.addClass('ucb-main-menu nav') }}>
             {% for item in items %}
                 {%