Move Navigation below Header on Moonlight Theme
<!-- 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>