spacemcot/templates/_menu.html

<nav class="navbar nav-fix">
	<div class="container">
		<div class="navbar-brand">
		<div class="navbar-start">
			<div class="navbar-burger burger" data-target="navMenuExample">
			<span></span>
			<span></span>
			<span></span>
			</div>
		</div>
		<div class="nav-center is-hidden-desktop">
			<a class="navbar-item" ui-sref="app.index" title="Logo Index">
				<img src="./static/images/lively-logo.png">
			</a>
		</div>
		<div class="navbar-end"></div>
		</div>

		<div id="navMenuExample" class="navbar-menu">
		<div class="navbar-start">
			<div class="navbar-item has-dropdown is-hoverable">
				<a class="navbar-burger burger is-hidden-mobile">
					<span></span>
					<span></span>
					<span></span>
				</a>
				<div class="navbar-dropdown">
					<a class="navbar-item" ui-sref="app.cat({cat: 'Lively,Health'})" title="Health">Health</a>
					<a class="navbar-item" ui-sref="app.cat({cat: 'Lively,Perspective'})" title="Perspective">Perspective</a>
					<a class="navbar-item" ui-sref="app.cat({cat: 'Lively,Travel'})" title="Travel">Travel</a>
					<a class="navbar-item" ui-sref="app.cat({cat: 'Lively,Outlook'})" title="Outlook">Outlook</a>
					<a class="navbar-item" ui-sref="app.cat({cat: 'Lively,iLive'})" title="iLive">i-Life</a>
					<a class="navbar-item" ui-sref="app.cat({cat: 'Lively,Wealth'})" title="Wealth">Wealth</a>
					<a class="navbar-item" ui-sref="app.cat({cat: 'Lively,Food'})" title="Food">Food</a>
					<a class="navbar-item" ui-sref="app.cat({cat: 'Lively,ดวงรายเดือน'})" title="ดวงรายเดือน">Horoscope</a>
					<a class="navbar-item" ui-sref="app.cat({cat: 'Lively,Live'})" title="Live">Live</a>
					<a class="navbar-item" ui-sref="app.cat({cat: 'Lively,Idea'})" title="IDEA">IDEA</a>
				</div>
			</div>
		</div>

		<div class="nav-center is-hidden-mobile">
			<a class="nav-item logo" ui-sref="app.index" title="Logo Index">
				<img src="./static/images/lively-logo.png">
			</a>
		</div>

		<div class="navbar-end">
			<div class="navbar-item">
				<span class="icon social" style="border-radius: 50px;padding: 25px;background: #f9ba1d;">
					<a href="https://www.facebook.com/livelylifegazine/" target="_blank" title="Lively Lifegazine"><i class="fa fa-facebook"></i></a>
				</span>
			</div>
			<div class="navbar-item">
				<span class="icon" style="color: #95989A;">
					<a ui-sref="app.search" title="Search"><i class="fa fa-search" aria-hidden="true"></i></a>
				</span>
			</div>
		</div>
		</div>
	</div>
</nav>