Navigation below Logo

Site URL: https://octopus-pineapple-yxw8.squarespace.com/

Dear Circle Members

I am trying to move the main navigation of my site below the logo. 

@media screen and (min-width:992px) {
.header-announcement-bar-wrapper {
    flex-direction: column-reverse;
  } 
}

This code unfortunately doesn't work for me. 

Site PW: luca1234

Any idea what I am doing wrong?

I've solved it myself with the following code:

@media screen and (min-width:992px) {
.header-title-nav-wrapper  
  {
display:block;
  } 

.header-nav-wrapper
  {
    margin-top:1vw;
  }
}

🙂