<!-- 以下はHTMLに貼るコード -->

<nav id="sticky">
    <var levels="1" expand="false" variant="standard" edit="1">
        navigation
    </var>
</nav>

<!-- ここまで -->

/* 以下はCSSに貼るコード */

#sticky {
	background: #eee; 
	position: fixed;
	top: 0; 
	width: 100vw; 
	z-index: 1000;
}

#sticky div div ul { 
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#sticky div div ul li { 
	padding: .5em; 
	margin: 0 .5em;
	list-style-type: none;
	background: #ddd;
	transition: .5s;
}

#sticky div div ul li:hover {
	background: #aaa;
}

#sticky div div ul li a {
	text-decoration: none;
	transition: .5s;
}

#sticky div div ul li:hover a {
	color: white;
}

#container {
	margin-top: 80px;
}

/* ここまで */