Add a section above header on Homepage

Pro Tips Other Tips
1

To add a section above header on Homepage Squarespace, you can follow use this code to Website Tools > Code Injection > Footer.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script> 
$(document).ready(function(){
    $('body.homepage #page>article>section:first-child').insertBefore('header#header');
});
</script>
<style>
body.homepage header#header {
    position: sticky !important;
    top: 0;
    position: -webkit-sticky;
}
</style>

image

Result

image