เปลี่ยน Effect Mobile Menu

CSS สำหรับเปลี่ยน Effect Mobile Menu จากสไลด์จากด้านซ้ายเป็นสไลด์จากด้านบนแทน

.site .nav-panel {
    top: -100vh;
    left: auto;
    bottom: auto;
    transition: opacity .3s, top .3s;
    overflow-x: initial;
    height: 100vh;
    width: 100%;
}

.site .nav-panel.active {
    top: 0;
}
.site .nav-panel li{
  width: 100%;
}