html 在月光主题下的标题下方移动导航

Posted 2021-05-11

<!-- Move Navigation below Header on Moonlight Theme -->
<style>
	@media screen and (min-width:992px) {
		nav#main {
			position: relative;
			display: block;
			width: 100%;
			height: auto  !important;
		}
		nav#main .container {
			top: 0 !important;
			text-align: center;
		}
		.navbar-nav {
			float: none;
			display: inline-block;
		}
		nav#main .container ul li a {
			padding: 18px 20px 12px;
		}
		nav#main .container ul li:hover .dropdown-menu {
			top: 50px;
		}
	}
</style>

<script>
	$(document).ready(function(){
		$("nav#main").insertAfter("header");
	});
</script>