jlengrand/irma-website
1
0
Fork 0
mirror of https://github.com/jlengrand/irma-website.git synced 2026-03-10 08:21:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Menu responsive

Browse Source
This commit is contained in:
Hanna
2019-07-31 14:30:12 +02:00
parent fbcbe75526
commit 9814add585
2 changed files with 41 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
_includes/block-header-2.html
View File

@@ -6,13 +6,27 @@
</a>
</div>
<nav class="block-header-2--nav">
<nav class="block-header-2--nav" id="myTopnav">
<ul>
{% for nav_item in section.navigation %}
<li class="nav-item {% if page.url == nav_item.link %}active{% endif %}"><a href="{{ nav_item.link }}">{{ nav_item.link_text }}</a></li>
{% endfor %}
</ul>
<a href="javascript:void(0);" class="icon" onclick="toggleMenu()">
<i class="fa fa-bars"></i>
</a>
<a class="button primary small block-header-2--cta" href="{{ section.cta.url }}">{{ section.cta.button_text }}</a>
</nav>
</header>
</header>
<script>
function toggleMenu() {
var x = document.getElementById("myTopnav");
if (x.className === "block-header-2--nav") {
x.className += " responsive";
} else {
x.className = "block-header-2--nav";
}
}
</script>