Skip to content

Instantly share code, notes, and snippets.

@paulmist
Created October 6, 2016 09:54
Show Gist options
  • Save paulmist/34b4f6a5c155eac8e75b0b3e2cec0bb7 to your computer and use it in GitHub Desktop.
Save paulmist/34b4f6a5c155eac8e75b0b3e2cec0bb7 to your computer and use it in GitHub Desktop.
Search Toggle
<ul class="title-area">
<li class="name">
<span>
<a href="/">
<img class="logo" src="/assets/svg/logo.svg" onerror="this.src='/assets/png/logo.png'" alt="Patrolstore Logo"></a>
</span>
</li>
<!-- Added code -->
<li class="search-toggle">
<a href="#"></a>
</li>
<!-- end -->
<li class="toggle-topbar">
<a href="#">
<span>Menu</span>
</a>
</li>
</ul>
.search-toggle a {
width: 40px;
height: 40px;
background-image: url('../assets/svg/search.svg');
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: transparent;
background-size: 70%;
display: block;
}
.search-toggle {
width: 40px;
height: 40px;
position: absolute;
top: 12px;
right: 90px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment