【WordPressテーマ自作】スライドメニューが一番下まで表示されない

2018年5月29日プログラミングCSS,HTML,web,ワードプレス

このサイト、スマホやタブレット端末では、画面の左からスライドして表示される、スライドメニューを採用しているのですが、サイドバーウィジェットエリアまではスライドメニューが表示されるのですが、そこから下のフッターウィジェットエリアには表示されていないので、修正方法を探しました。

スライドメニューが一番下まで表示されない調査結果

ネットで調べた、「html」「body」タグの「height」を「100%」にするという方法を試すと、確かに画面下までスライドメニューが表示されたのですが、画面のスクロールがスムーズにできないうえに、「ページトップへ戻る」ボタンが表示されなくなりました。

main表示部分のラッパーにしてある<div>の幅を<?php wp_footer(); ?>の直前にまでしたのですが、今度は、リンクをタップしても反応しなくなりました。

スマホ版のテーマは、main表示部分のラッパーにしてある<div>の幅を、フッターウィジェットエリアの直後までにしたら、正常に動作しました。

タブレット版のテーマは、main表示部分のラッパーにしてある<div>の幅を、フッターのナビゲーションと、フッターウィジェットエリアの直前の間に設定したら、正常に動作しました。

タブレット版についてはまだ要調査です……。

2018年5月29日プログラミングCSS,HTML,web,ワードプレス

Posted by ナオ