Moving/Adjusting Navigation Bar in Harris

Feel free to check solution for option 2: Add the snippet below into custom css code

@media screen and (max-width: 768px) {
  #block-yui_3_17_2_1_1591890364287_14552 h2 {
    line-height: 0.9em;
  }
}
@media screen and (min-width: 768px) {
  #header {
    display: block;
  }
  #header [data-nc-container="right"] {
    text-align: center;
    display: block;
    position: relative;
    top: -20px;
  }
}

Great! Thank You!

I am having an issue that on the iPad width the logo is shown twice (not on mobile though) and the navigation is shown as well as the hamburger. Can anyone help me with that? Besides that the code worked perfectly thank you :)

Site URL is: https://okra-purple-xrgn.squarespace.com PW woya 

Thank you for helping :)

9 hours ago, monachi said:

Site URL is: https://okra-purple-xrgn.squarespace.com PW woya 

Thank you for helping 🙂

Please change this to 769px

10 hours ago, bangank36 said:

Please change this to 769px

Genius, thank you so much!