Skip to content

Instantly share code, notes, and snippets.

@danscotton
Last active December 14, 2015 11:48
Show Gist options
  • Select an option

  • Save danscotton/5081246 to your computer and use it in GitHub Desktop.

Select an option

Save danscotton/5081246 to your computer and use it in GitHub Desktop.
andy tumblr header
Replace:
<header>
<div class="container">
<a href="/" class="logo">
<img ... />
<span>{Title}</span>
<span class="subtitle">Design. IA. Flash.</span>
</a>
</div>
</header>
with:
<header>
<div class="container">
<div class="logo">
<a href="/"><img ... /></a>
<span><a href="/">{Title}</a></span>
<span class="subtitle"><a href="#">Design</a>. <a href="#">IA</a>. <a href="#">Flash</a>.</span>
</div>
</div>
</header>
Previously, .logo was an <a> tag and so you can't have other <a> tags nested within it.
Instead, I've turned .logo into a <div> and have created two new <a> tags: one around the <img> tag
and one around {Title} but inside of <span>. You just need to update the URLs above for each of design, ia and flash :)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment