Twentyseventeenのメニューが閉じない

  • 解決済 ckmonologue

    (@ckmonologue)


    7年、 6ヶ月前

    Twentyseventeen（1.2）を使っています。
    Wordpressを4.7.5にアップデートしてからiPhone/スマホでトップメニューが閉じなくなり、メニューが全て縦に表示されるようになってしまいました。
    iPhone/スマホで見ると、トップページ以外では細く表示されるヘッダー画像と開いたままのメニューの間にとても大きな余白ができてしまいます。下に下がっていくとメニューと記事が表示されているのですが、ページが真っ白なのかと思うほどの大きなスペースで、困っています。
    また、Mac/PCではメニューバーの項目に副項目がある場合、「V」が大小2つ表示されるようになりました。（以前は1つでした。）
    ちなみに、個別の投稿ページや固定ページのヘッダーのすぐ下に表示される大きな画像が好きでなかったのでheader.phpで削除したのですが、そのせいでしょうか、、、
    function.phpやCSSなどで修正できるものなのでしょうか？
    どうかアドヴァイスをよろしくお願いします。
    http://blog.kaorie.com

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • ishitaka

    (@ishitaka)

    7年、 6ヶ月前

    こんにちは

    ページのソースに、html タグが存在しません。

    header.php ファイルを変更していませんか。
    header.php ファイルに下記のようなコードがありますか。
    <html <?php language_attributes(); ?> class="no-js no-svg">

    トピック投稿者 ckmonologue

    (@ckmonologue)

    7年、 6ヶ月前

    header.php ファイルに下記のようなコードがありますか。
    <html <?php language_attributes(); ?> class=”no-js no-svg”>

    わわわ、ありませんでした！！
    直したら無事iPhoneでもメニューが閉じて表示されました。
    キャッシュを削除したらメニューの項目の「V」もちゃんと1つに戻っていました！！
    超初心者的なミスでした（笑）良い勉強になりました。
    素早いご指摘、どうもありがとうございました！！！

    • この返信は7年、 6ヶ月前にckmonologueが編集しました。
    ishitaka

    (@ishitaka)

    7年、 6ヶ月前

    解決したようでよかったです。

    あと、お節介かもしれませんが、header.php の記述で気になった箇所があります。
    head タグの前に全角のスペースが入っています。ほとんどのブラウザでは無視されるようですが、構文的にはエラーになります。修正したほうがいいかなと思います。

    トピック投稿者 ckmonologue

    (@ckmonologue)

    7年、 6ヶ月前

    head タグの前に全角のスペースが入っています。

    教えてくださってありがとうございます！
    スペースを消してチェックしたら、ヘッダー画像の上にできていたヘンな隙間がなくなりました。
    この分だと他にもいっぱい間違いがありそうですね（^_^;）
    また何かあったらどうぞよろしくお願いします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「Twentyseventeenのメニューが閉じない」には新たに返信することはできません。