モバイルでもデスクトップと同様にメニューを横並びで常時表示

static/style.css

@@ -310,3 +310,31 @@ blockquote::before {
     height: 200px;
   }
 }
+
+/* モバイルでもデスクトップメニューを表示する */
+@media (max-width: 684px) {
+  /* デスクトップメニューを表示 */
+  .menu--desktop {
+    display: flex !important;
+  }
+
+  /* モバイルメニューのトリガーボタンを非表示 */
+  .menu--mobile .menu__trigger {
+    display: none !important;
+  }
+
+  /* PC表示と同じように横並びにする */
+  .navigation-menu__inner {
+    flex-direction: row !important;
+    flex-wrap: wrap !important;
+  }
+
+  .navigation-menu__inner > li:not(:last-of-type) {
+    margin-right: 20px !important;
+  }
+
+  /* 上下の要素との距離を均等にする */
+  .navigation-menu {
+    margin: 20px 0 0 !important;
+  }
+}