How can I move the header to be on top of navigation?

Hi all I am looking into ways and code to move my header "Hi I am Kacy" to go above my navigation such as "home" "work" etc

Attachments, the first image is my current site and the second image is the reference site that I am going for.

Many thanks!

17 hours ago, Kacy-Jung said:

Hi all I am looking into ways and code to move my header "Hi I am Kacy" to go above my navigation such as "home" "work" etc

Attachments, the first image is my current site and the second image is the reference site that I am going for.

Many thanks!

Share your URL so we can easily check it

It's kacy-jung.com! 

Thank you!

On 6/27/2024 at 3:16 AM, Kacy-Jung said:

It's kacy-jung.com! 

Thank you!

Try 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>
jQuery(document).ready(function($){
  $('body.homepage article>section:first-child').insertBefore('header#header');
})
</script>
<style>
  body.homepage header#header {
   position: sticky !important;
  transform: Unset !important;
}
body.homepage div#siteWrapper>section {
    padding: 0px !important;
    z-index: 999999 !important;
}
</style>