バグ報告Ver.0.0.7→0.0.8

現象

サイドバーが非表示のとき、ボックスメニューの右に余白ができる（図1参照）。

原因

Ver.0.0.7で、サイドバーが非表示のとき、以下に配置したとき、メニュー幅を揃え15%とした。
そのため、余白ができてしまう。

• インデックスリストトップ、ボトム
• コンテンツ上部、下部

また、画面幅が834px以下のとき、メニュー幅50%（2列）にならない。

cocoon/skins/skin-made-in-heaven/style.css at de4e2dbe1d65a7406e2875d9079d62698d632505 · xserver-inc/cocoon

100％GPLの無料WordPressテーマです。開発中の開発バージョンです。安定版をダウンロードする場合は、Cocoon配布サイトからダウンロードしてください。 - xserver-inc/cocoon

github.com

対策

メニューを親テーマと同じ6列とし、画面幅が834px以下のとき、2列とする。以下に変更する。

.no-sidebar .widget-index-top .box-menu,
.no-sidebar .widget-index-bottom .box-menu,
.wwa .box-menu {
  width: calc(100% / 6);
}

@media (width <=834px) {
  .body .box-menus .box-menu {
    width: 50%;
  }
}

サイドバーを非表示のとき、ボックスメニューを以下に配置した際、ウィジェットの全体幅は同じになる。
しかし、親テーマの定義は、以下のようにメニュー幅が異なる。