Cocoon ver2.7.0でのgrayish不具合情報＆仕様変更のお知らせ

更新情報

2024.02.062024.11.11

記事内に広告が含まれています。

（24/02/06)Cocoonのv2.7.0がリリースされると思いますが、残念ながらリリース前にgrayishの不具合が出てしまっているのでお知らせいたします。
今後も何か発覚次第、随時更新して参ります。

Cocoon v2.6.9での不具合については、v2.7.0にアップデートすることで解消されます。

v2.6.9でのgrayish不具合

不具合内容は以下記事にまとめています。

Cocoon ver2.6.9でのgrayish不具合情報（※24/02/01追記あり）

現在公開されているCocoon ver2.6.9で判明している、grayishの不具合や修正情報などについて記載します。

以下より、v2.7.0での不具合情報になります。

Index

【修正済み】①PC時、グローバルメニューのサブメニューの３階層目（サブサブメニュー）がはみ出る
【修正済み】②フロントページで画面幅834px以下の時、メインカラムの左右の余白が28px
v2.7.0で仕様変更した内容について
レイアウト崩れ等を発見したらお知らせください

【修正済み】①PC時、グローバルメニューのサブメニューの３階層目（サブサブメニュー）がはみ出る

現象

PC時のグローバルナビにサブメニューがあり、さらにその下に３階層目のサブサブメニューを設定している場合に発生します。

サブメニューの幅からサブサブメニューがはみ出てしまう不具合です。

修正内容

サブサブメニューがはみ出さないように修正します。

サブサブメニューを設定されている方は、恐れ入りますが子テーマのCSSに以下を追加していただくことで解消する見込みです。

@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.skin-grayish .navi-in>ul .sub-menu a,
.skin-grayish .navi-in>ul li .sub-menu ul {
    width: 100%;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/

}