joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

[Fix] MobileNav: Make logo scroll with menu to prevent overlapping

Browse source
This commit is contained in:
0xfff 2017-02-05 12:38:54 +09:00
parent 71c984d3c3
commit 92af9d8d0e
2 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
_includes/nav-mobile.html
View file

@ -3,6 +3,9 @@
<nav class="overlay-menu" id="overlaynavigation" aria-hidden="true"> <nav class="overlay-menu" id="overlaynavigation" aria-hidden="true">
<div class="overlay-menu__nav"> <div class="overlay-menu__nav">
<a href="/" class="overlay-menu__logo">
<img src="/assets/img/logo-white.png" alt="Dash" class="logo">
</a>
<ul class="overlay-menu__list"> <ul class="overlay-menu__list">
<li class="overlay-menu__item"><a href="{{ basenav }}/get-dash/" class="overlay-menu__link">{% t nav.get-dash %}</a></li> <li class="overlay-menu__item"><a href="{{ basenav }}/get-dash/" class="overlay-menu__link">{% t nav.get-dash %}</a></li>
<li class="overlay-menu__item"><a href="{{ basenav }}/merchants/" class="overlay-menu__link">{% t nav.merchants %}</a></li> <li class="overlay-menu__item"><a href="{{ basenav }}/merchants/" class="overlay-menu__link">{% t nav.merchants %}</a></li>

3
_layouts/default.html
View file

@ -26,8 +26,7 @@
<!-- Mobile Nav --> <!-- Mobile Nav -->
<div class="overlay" id="overlay" data-js-overlay-menu> <div class="overlay" id="overlay" data-js-overlay-menu>
<a href="/"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a> {% include nav-mobile.html %}
{% include nav-mobile.html %}
</div> </div>
<!-- JavaScript --> <!-- JavaScript -->