Add working navbar-toggle

teraflik · Apr 21, 2018 · 83e8ff9 · 83e8ff9
1 parent a433d71
commit 83e8ff9
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 15 deletions.
diff --git a/web/themes/custom/zircon/assets/css/style.css b/web/themes/custom/zircon/assets/css/style.css
@@ -396,6 +396,13 @@ p {
  -webkit-border-radius: 5px;
 }
 
+/* line 11, ../sass/base/_elements.scss */
+.navbar-toggle {
+ position: fixed;
+ right: 10px;
+ top: 25px;
+}
+
 /* navigation */
 /* line 3, ../sass/base/_header.scss */
 #main-menu {

diff --git a/web/themes/custom/zircon/assets/sass/base/_elements.scss b/web/themes/custom/zircon/assets/sass/base/_elements.scss
@@ -6,4 +6,10 @@
 .border_radius{
  border-radius: 5px;
  -webkit-border-radius: 5px;
+}
+
+.navbar-toggle {
+ position: fixed;
+ right: 10px;
+ top: 25px;
 }
diff --git a/web/themes/custom/zircon/templates/page.html.twig b/web/themes/custom/zircon/templates/page.html.twig
@@ -32,14 +32,8 @@
  {% endif %}
  </div>
  {% endif %}
- <button type="button" class="navbar-toggle" id="main-menu-inner">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
-
- {{ page.header }}
+
+ {{ page.header }}
 
  </div>
 </header>
@@ -54,13 +48,11 @@
  {% endif %}
 
  {% if page.main_menu %}
- <nav id="main-menu" class="navbar navbar-default" role="navigation"> 
- <div class="collapse navbar-collapse" id="main-menu-inner">
- <div class="container">
- {{ page.main_menu }}
- </div>
- </div>
- </nav>
+ <nav id="main-menu">
+ <div class="container">
+ {{ page.main_menu }}
+ </div>
+</nav>
  {% endif %}
 
  {% if page.slideshow %}