Change Mobile Menu Effect

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

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

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

วิธีการเพิ่มโค้ด CSS