Sticky nav inside on "header element", do not works.

[jquimera]

I'm trying to use Sticky-State this way. But it's not working. Example below.

<header class="main-header">
	
	<div class="header-content">
		<h1>My Stick Nav</h1>
	</div>

	<nav  class="main-nav sticky">
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">Products</a></li>
			<li><a href="#">Services</a></li>
			<li><a href="#">About US</a></li>
			<li><a href="#">Blog</a></li>
			<li><a href="#">Contact</a></li>
		</ul>
	</nav>
	
</header>