サポート » バグ報告と提案 » ja.wordpress.orgのスマホ幅でナビが表示されない

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • Nukagaさん、ありがとうございます。

    昨日の定期ミーティングで、
    本件以外にサイトの修正が必要な項目を洗い出して、改善を行いたいという話になりました。

    以下のスプレッドシートを用意しましたので、こちらにも記録をお願い致します。

    WordPress日本語版サイト改善要望リスト
    https://docs.google.com/spreadsheets/d/1rWmOgfDzCQsQ6VkWNv9wzgzxmSWpGHBgI8thVMy_ewQ/edit#gid=0

    また、こちらは件名が、ナビの表示に関するスレッドとなりますので、
    サイト修正全般の件として、別途トピックを上げたいと思います。

    miccさんありがとうございます。スプレッドシートの方にも記録していきますね。

    原因は CSSの #wporg-header h2.rosetta で「日本語」と表記されている部分と
    ul#wporg-header-menu (PC版通常メニュー)がかぶっているのが原因のよう。
    ただし英語版を見てみると、そもそもモバイル版になった際にはul#wporg-header-menu (PC版通常メニュー)に変わって#mobile-menu-button (モバイル版メニュー)が呼び出されているが日本語版はそれがない。
    この切り替えをどこでしているかを調べる必要もあり。

    以前から把握してる内容で以下のCSSでトグルボタンは表示可。

    @media screen and (max-width:768px) {
      #mobile-menu-button {
        display: block; /* display: none になっているのでMediaQuery追加 */
      }
      #wporg-header h2 {
        padding-left: 32px; /* ボタンに被るのをずらすだけ */
      }
    }

    縦並びにするには加えて

    #wporg-header .menu ul li, #wporg-header ul.menu li {
          float:none;
      }

    [1615]で当該CSSが除去されたため表示できるようになった模様。なおmake等メニューのないサイトにもトグルボタンが表示されるようになりました。(押しても見た目何も変わらない)

    @Hinaloe さんにコミット頂いて、表示されるようになりました。
    ありがとうございます!

    他問題で解決できてないところはありますが、「スマホ幅でナビが表示されない」については解決済みとさせて頂きます。

    (私は何もコミットしていません……)

    @Hinaloe さん
    あ、あれ…?

    すみません。書き込みすれ違ってました!
    同タイミングでスマートフォンの表示壊れを動いていてくださったようですね。

    Hinaloeさんもご尽力ありがとうございます。

9件の返信を表示中 - 1 - 9件目 (全9件中)
  • トピック「ja.wordpress.orgのスマホ幅でナビが表示されない」には新たに返信することはできません。