サポート » 使い方全般 » Twentyseventeenのメニューが閉じない

  • 解決済 ckmonologue

    (@ckmonologue)


    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件中)
  • こんにちは

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

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

    トピック投稿者 ckmonologue

    (@ckmonologue)

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

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

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

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

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

    トピック投稿者 ckmonologue

    (@ckmonologue)

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

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

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