Cocoonでモバイルヘッダーボタンを使用時にメインとサイドバーが重なる問題を解消する

モバイルヘッダーボタン使用時にechoなどを使ってデバッグしているとメインとサイドバーが重なる問題を修正

この問題を解消するにはcssコードに以下を記述します

.no-scrollable-main .main {
    height: auto;
}

ただしこの問題は特定の条件で発生します。

wordpressでvar_dumpやechoなどをつかってデバッグしているときだけ発生する問題ですので、ブログをカスタマイズしない人はまず遭遇しないトラブルですので、そいうことをしてない人はこの記事はおそらく役に立たないのでブラウザバックを推奨します。

ちなみに最初にcssを書きましたが、デバッグ中にしかおこらない問題ですので実をいうとcssコードで対応する必要はありません。デバッグ中にもしっかり配置したい場合は上記cssで対応してください。

ちなみにこのコードを書くと#header-containerの高さがおかしくなりますがデバッグ中にしかおこらないことですのでもう問題は追及していません。

デバッグ中にしかおこらないのでこだわりがなければcssで対応する必要もありません。