Skip to content

Instantly share code, notes, and snippets.

@yarosla

yarosla/fixed_topbar_bug.html

Created January 15, 2013 11:02
Show Gist options
  • Save yarosla/4537902 to your computer and use it in GitHub Desktop.
Save yarosla/4537902 to your computer and use it in GitHub Desktop.
Download ZIP
Zurb Foundation Issue #1278: .fixed .top-bar prevents mouse interaction with adjacent elements
Raw
fixed_topbar_bug.html
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Welcome to Foundation</title>
<link rel="stylesheet" href="stylesheets/foundation.min.css">
<link rel="stylesheet" href="stylesheets/app.css">
<script src="javascripts/modernizr.foundation.js"></script>
</head>
<body>
<div class="fixed">
<nav class="top-bar">
<ul>
<!-- Title Area -->
<li class="name">
<h1>
<a href="#">
Site Name
</a>
</h1>
</li>
<li class="toggle-topbar"><a href="#"></a></li>
</ul>
<section>
<!-- Right Nav Section -->
<ul class="right">
<li><a href="#">Main Item 5</a></li>
</ul>
</section>
</nav>
</div>
<div class="row">
<div class="twelve columns">
<p><a href="#">This link is unreachable</a></p>
</div>
</div>
<script src="javascripts/foundation.min.js"></script>
<script src="javascripts/app.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment