Move the header to the side and have all elements in it displayed in column

Site URL: https://lute-round-fb66.squarespace.com/

I would like to have my header displayed on the left side of the window at all time. I managed to find some code that allowed me to do so, but then I am struggling to get every element on their own line and having control over the space between each element (tittle, navigation link, social links). The pictures show what I managed to do so far. I would like to have all those elements centered in the header space.

What would be the custom CSS code required to do so?

Thanks for your help

Your site is private. Can you setup password & share url again? We can check easier

Oops sorry! I have changed the accessibility, password is temp1234.

https://lute-round-fb66.squarespace.com/

Thanks

1 hour ago, Mugiwawa said:

Oops sorry! I have changed the accessibility, password is temp1234.

https://lute-round-fb66.squarespace.com/

Thanks

temp1234

incorrect password

I am surprised. In any case I have redo the process and try to connect on another device with temp1234 and it seems to work.

Also I forgot to mention that I want the sidebar look only for desktop version, for the mobile version we will stay with the burger menu.