Move header to bottom of the page

Maybe this is dumb question but is it as simple as building a navigation in the footer and then hiding the header?

I was hoping for the code to easily move my current header (which is at the top of the page) to the bottom.

Sure, thanks! It's www.bysukham.com

Add to Design > Custom CSS

/* header to footer */
header#header {
    position: fixed !important;
    bottom: 0 !important;
    left: 0;
    z-index: 9999;
    width: 100%;
    top: unset !important;
    background-color: white !important;
}
article section:first-child {
    padding-top: 0 !important;
}

Thank you it worked!!

I used this code and my mobile sites social media icons in the menu bar are unlinked and when tapping them they go nowhere.  Also, the code shows when you scroll up for a second.  Any fix on this? Any way to remove the footer from my backend side as well?

www.ducksel.com

Is it possible to only push down header for mobile header?

To make code run on mobile only, use this

@media screen and (max-width:767px) {
/* header to footer */
header#header {
    position: fixed !important;
    bottom: 0 !important;
    left: 0;
    z-index: 9999;
    width: 100%;
    top: unset !important;
    background-color: white !important;
}
article section:first-child {
    padding-top: 0 !important;
}
}

If the code doesn't work, please share site url, we can check it again easier