バグ報告Ver.0.0.7

【件名】インデックスボトムに配置した、[C]ボックスメニューに余白ができる

現象

図1に示すように、サイドバーが非表示の時、[C]ボックスメニューの右に余白ができる。

原因

パス	ファイル名
/skin-made-in-heaven/	style.css

以下に、コードを示す。

.no-sidebar .widget-index-top .box-menu,
.no-sidebar .widget-index-bottom .box-menu,
.wwa .box-menu {
  width: 15%;
}

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

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

また、画面幅834px以下の時、メニュー幅50%(2列)にならない。

対策

メニューを親テーマと同じ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%;
  }
}

参考

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

ウィジェットエリア	メニュー幅
インデックスリストトップ、ボトム	25%
コンテンツ上部、下部	16.66%