How Can I Add a Page Section Above the Header Navigation

On 11/7/2023 at 6:27 PM, ShortAngryViking said:

I am keen to put it on every page. 

 

You can add a Not Linked Page > Design a section (Keep the page url slug: /above-header

Next, install Section Loader Plugin (affiliate link) or this link (non-affiliate link)

Next, add this code to bottom of 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 Website > Website Tools (under Not Linked) > 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;
}