Skip to content

Instantly share code, notes, and snippets.

@jrstaatsiii

jrstaatsiii/svgnav.html

Last active July 6, 2018 00:58
Show Gist options
  • Save jrstaatsiii/e540989ab06ac52a406174907aeaaaff to your computer and use it in GitHub Desktop.
Save jrstaatsiii/e540989ab06ac52a406174907aeaaaff to your computer and use it in GitHub Desktop.
Download ZIP
SVG Image Navigation
Raw
svgnav.html
<nav class="primary-navigation">
<ul class="logo-menu">
<li class="menu-item">
<a href="#">
<span class="hide-on-medium">Brand One</span>
<img class="show-on-medium" src="/path/to/img.svg" aria-label="Brand One Logo" alt="Brand One Logo" />
</a>
</li>
<li class="menu-item">
<a href="#">
<span class="hide-on-medium">Brand Two</span>
<img class="show-on-medium" src="/path/to/img.svg" aria-label="Brand One Logo" alt="Brand One Logo" />
</a>
</li>
<li class="menu-item">
<a href="#">
<span class="hide-on-medium">Brand Three</span>
<img class="show-on-medium" src="/path/to/img.svg" aria-label="Brand One Logo" alt="Brand One Logo" />
</a>
</li>
</ul>
</nav>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment