MOVE 'NAVIGATION LINK' TO BOTTOM (ABOVE FOOTER)? AND HIDE 'NAVIGATION LINK' ON SPECIFIC PAGE?

Hello,

I want to move my 'navigation link' (navigation link is titled 'EXPANDED PORTFOLIO CLICK HERE') from the top of my page to the bottom of my page above my footer on my homepage (http://ryanmariehelfant.com).

I also wanted to hide it on a specific page. (http://ryanmariehelfant.com/expanded). 

Can anyone provide the code to do both? 

(pictures attached!)

Thank you!

@tuanphan @DPruitt @inside_the_square

Following up here. @tuanphan @DPruitt any suggestions?

To hide it, use this code to Website > Website Tools > Custom CSS.

body#collection-61cf21724254e77985673323 header#header {
    display: none;
}

To move it to bottom, above footer on homepage, use this code to Website > 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 div#topNav').insertBefore('body.homepage footer#footer');
});
</script>
<style>
  div#topNav {
    z-index: 999999999999;
    position: relative;
}
</style>

Hey @tuanphan this solution actually hid my website title ('RYAN MARIE HELFANT') in addition to my 'Navigation Link.'

Is there a way I can still see my website title?

Instead of hiding the entire header with this code:

#collection-61cf21724254e77985673323 #header {
    display: none;
}

Use this instead:

#collection-61cf21724254e77985673323
#topNav
{display: none;}

If you don't remove the old code, you would need to also add:

#collection-61cf21724254e77985673323 #header {
    display: block;
}

Thank you @DPruitt this worked!