Search Toggle

ps-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;
}