CaleyS reacted to
tuanphan in How do I move my navigation bar below my header banner in 7.1?
I just solved a similar case, I used Section Loader plugin + some JS code
https://www.will-myers.com/products/p/section-loader-supreme
First add a Not Linked Page (with url: nav-menu), design your content
Next, install plugin
Next, add this code to Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
setTimeout( function() {
$('div.wm-load-container').insertBefore('header#header');
}, 2000);
});
</script>
Next, add this code to Custom CSS
/* Add sticky header */
header#header {
position: sticky !important;
position: -webkit-sticky !important;
top: 0;
}
/* section above header */
.wm-load-container>section:first-child {
display: none;
}
.wm-load-container .content-wrapper {
padding: 0 !important;
max-width: 100% !important;
}