diff --git a/static/style.css b/static/style.css index 15133503..5db7c136 100644 --- a/static/style.css +++ b/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; + } +}