Site Not Appearing the Same in Browser

https://perch-sparrow-5acs.squarespace.com/

password: 12345

Hi! 

I'm working on a site for a client. They requested their nav be underneath the first section- I was able to accomplish this using the code below, it looks great. However, when I open the website to view it (both Safari and Chrome) it doesn't look the way I'm seeing it in "edit" mode. I've attached what it suppose to look like (and what it does look like in edit mode). 

@media only screen and (min-width:768px) {

#header {
  position: absolute;
  top: 220px; /* This value determines the distance from the top of the page */
  left: 0;
}
section[data-section-id="6590b4f2b9df3b451a5cae89"] {
  position: absolute;
  bottom: 120px; /* This value determines the distance from the top of the page */
  left: 0;
}
}

You mean change this

to this?