MAGICGrants/MagicGrants.org
1
0
Fork 0
mirror of https://github.com/MAGICGrants/MagicGrants.org.git synced 2026-01-09 20:18:05 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix mobile header

Browse Source
This commit is contained in:
Justin Ehrenhofer
2024-05-14 14:49:03 -05:00
parent e0ca898b20
commit 3186e1a136
1 changed files with 30 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
_includes/header.html
View File

@@ -1,34 +1,34 @@
<header>
<div class="container">
<nav class="row" role='navigation'>
<div class="logo col">
<a href="{{ site.baseurl }}/" aria-label="MAGIC Grants">
<img src="/img/logos/magic-grants-logo-full-color.png" alt="MAGIC Grants logo">
</a>
</div>
<ul class="main-menu col">
<li class="nav-item link"><a href="{{ site.baseurl }}/updates">Updates</a></li>
<li class="nav-item link"><a href="{{ site.baseurl }}/scholarships">Scholarships</a></li>
<li class="nav-item link"><a href="{{ site.baseurl }}/funds">Funds</a></li>
<li class="nav-item link"><a href="{{ site.baseurl }}/contribute">Contribute</a></li>
<li class="nav-item link"><a href="{{ site.baseurl }}/about">About</a></li>
</ul>
</nav>
<nav role='navigation' class="mobile-menu row">
<a class="logo-mobile col" href="{{ site.baseurl }}/" aria-label="MAGIC Grants"><img src="/img/logos/magic-grants-logo-full-color.png" alt="MAGIC Grants logo"></a>
<input class="burger-check" id="mobile-burger" type="checkbox">
<label for="mobile-burger" class="hamburger hamburger--spring">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</label>
<ul class="slide-nav">
<li class="nav-item link"><a href="{{ site.baseurl }}/updates">Updates</a></li>
<li class="nav-item link"><a href="{{ site.baseurl }}/scholarships">Scholarships</a></li>
<li class="nav-item link"><a href="{{ site.baseurl }}/funds">Funds</a></li>
<li class="nav-item link"><a href="{{ site.baseurl }}/contribute">Contribute</a></li>
<li class="nav-item link"><a href="{{ site.baseurl }}/about">About</a></li>
</ul>
</nav>
<nav class="row" role='navigation'>
<div class="logo col">
<a href="{{ site.baseurl }}/" aria-label="MAGIC Grants">
<img src="/img/logos/magic-grants-logo-full-color.png" alt="MAGIC Grants logo">
</a>
</div>
<ul class="main-menu col">
<li class="nav-item link"><a href="{{ site.baseurl }}/updates">Updates</a></li>
<li class="nav-item link"><a href="{{ site.baseurl }}/scholarships">Scholarships</a></li>
<li class="nav-item link"><a href="{{ site.baseurl }}/funds">Funds</a></li>
<li class="nav-item link"><a href="{{ site.baseurl }}/contribute">Contribute</a></li>
<li class="nav-item link"><a href="{{ site.baseurl }}/about">About</a></li>
</ul>
</nav>
<nav role='navigation' class="mobile-menu row">
<a class="logo-mobile col" href="{{ site.baseurl }}/" aria-label="MAGIC Grants"><img src="/img/logos/magic-grants-logo-full-color.png" alt="MAGIC Grants logo"></a>
<input class="burger-check" id="mobile-burger" type="checkbox">
<label for="mobile-burger" class="hamburger hamburger--spring">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</label>
<ul class="slide-nav">
<li class="mob-item link"><a href="{{ site.baseurl }}/updates">Updates</a></li>
<li class="mob-item link"><a href="{{ site.baseurl }}/scholarships">Scholarships</a></li>
<li class="mob-item link"><a href="{{ site.baseurl }}/funds">Funds</a></li>
<li class="mob-item link"><a href="{{ site.baseurl }}/contribute">Contribute</a></li>
<li class="mob-item link"><a href="{{ site.baseurl }}/about">About</a></li>
</ul>
</nav>
</div>
</header>