How to change the header and Off-Canvas Menu position on Mobile

Indeed, in that template, our designer decided to place the mobile header at the bottom rather than at the top, as people are used to.  Please use that Custom CSS to put at the top:

@media screen and (max-width: 767px) {
  #sp-header {bottom: auto;top: 0px;}
}

More tips soon...