anissah/user/themes/anissabensalah/scss/theme/header.scss

#header{
  position: fixed;
  z-index: 999;
  .language-selector{
      display: flex;
      position: fixed;
      width: 100px;
      left: 50%;
      margin-top: 10px;
      margin-left: -100px;
    li{
      display: flex;
      &:nth-child(-n+2){
        &::after{
          margin: 0 10px;
          display: block;
          position: relative;
        }
      }
    }
  }
  
  .navigation{
    li{
      position: fixed;
      text-align: center;
      &:first-child{
        display: none;
      }
      &:nth-child(2){
        margin-bottom: 10px;
        bottom: 0;
        width: 50%;
      }
      &:nth-child(3){
        margin-top: 10px;
        top: 0;
        width: 50%;
      }
      &:nth-child(4){
        margin-bottom: 10px;
        bottom: 0;
        width: 50%;
        right: 0;
      }
      &:nth-child(5){
        transform: rotate(90deg);
        top: 50%;
        width: 100%;
        right: -50%;
        margin-right: 22px;
      }
      &:nth-child(6){
        transform: rotate(-90deg);
        top: 50%;
        width: 100%;
        left: -50%;
        margin-left: 22px;
      }
      &:nth-child(7){
        margin-top: 10px;
        top: 0;
        right: 0;
        width: 50%;
      }
      a{
        position: relative;
        margin: auto;
      }
    }
  }
}