WordPress: Cocoonを使うとスマホ表示時に下部のフローティングメニューが操作できない問題

WordPress の無料テーマ Cocoon を使うと、デフォルトではページの下部にレスポンシブテスト等のメニュー(レスポンシブツールエリア)が表示されます。
しかし、スマホで表示すると、このレスポンシブツールエリアが WordPressの通常のページで表示されるフローティングメニューと完全にかぶってしまうため、結果として「ホーム」「検索」「トップ」「サイドバー」の機能が使えなくなってしまいます。
とくに、検索とサイドバーが操作できないのはかなり致命的な問題となるので対応が必要です。

スポンサーリンク

対応方法

残念ながら今のところレスポンシブツールエリアともともとのフローティングメニューを両立する方法はわからないので、レスポンシブツールエリアを無効化します。
もし知っている人がいれば教えて欲しいです(/_\*)

レスポンシブツールエリアの無効化

WordPressの管理画面中の [Cocoon設定]メニューの[管理者画面]タブを開きます。
この画面の一番下に [レスポンシブツールエリアの表示] という設定があり、[レスポンシブチェックを表示する] という項目があるので、これをオフにします。

すると、レスポンシブツールエリアが表示されなくなるので、検索やサイドバーがスマホ画面でも操作可能になります。

コメント

タイトルとURLをコピーしました