動くWebデザイン
アイディア帳

Gmailにおける特典受け取りについて

【お知らせとお詫び】

2024年2月にGmailのガイドラインが変更となった影響で、特典受け取りとお問い合わせフォームの内容がGmail宛に届かない期間が発生していました。

（※3/27現在改善済）

2月～3/26までに特典受け取りができなかった方は、大変お手数をおかけしますが、以下よりお問い合わせください。
https://coco-factory.jp/ugokuweb/contact/

5-1-1、5-1-2　グローバルナビゲーション ドロップダウンメニュー（上・左）に関するCSSコード不備のお詫び

5-1-1　「グローバルナビゲーション　ドロップダウンメニュー（上）」
5-1-2　「グローバルナビゲーション　ドロップダウンメニュー（左）」
のCSSコードに不備がございましたので修正いたしました。

【該当箇所】
https://coco-factory.jp/ugokuweb/move01/5-1-1/
https://coco-factory.jp/ugokuweb/move01/5-1-2/

【内容】
3階層目をもつ要素が、2階層目の最後の要素であるとき、3階層目のリストから下線が消える。

【修正後】
CSSを下記のように修正いたしました。

nav li.has-child ul li:last-child a{
border-bottom:none;
}

↓

nav li.has-child ul li:last-child > a{
border-bottom:none;
}

5-1-3、5-1-4　グローバルナビゲーション ドロップダウンメニュー（写真付 上・左ナビ）に関するコード不備のお詫び

5-1-3　「グローバルナビゲーション　ドロップダウンメニュー（写真付 上ナビ）」
5-1-4　「グローバルナビゲーション　ドロップダウンメニュー（写真付 左ナビ）」
のコードに不備がございましたので修正いたしました。

【該当箇所】
https://coco-factory.jp/ugokuweb/move01/5-1-3/
https://coco-factory.jp/ugokuweb/move01/5-1-4/

【内容】
ドロップダウンメニューを表示した状態で、他のドロップダウンメニューを表示しようとした際に正しいメニューが出ない

【修正後】
CSSを下記のように修正いたしました。

◆5-1-3　グローバルナビゲーション　ドロップダウンメニュー（写真付 上ナビ）

/*== 2層目の設定 */

nav li.has-child ul{
display: flex;　を削除
display: none;　を追加
}

/hoverしたら表示/

nav li.has-child:hover > ul{
display: flex;　を追加
}

/==768px以下の形状/
@media screen and (max-width:768px){

以下のコードを追加

nav li.has-child:hover > ul {display: none; }

}

◆5-1-4　グローバルナビゲーション　ドロップダウンメニュー（写真付 左ナビ）

/*== 2階層目の設定 */

nav li.has-child ul{
display: none; を追加
}

/hoverしたら表示/
nav li.has-child:hover > ul{
display: block; を追加
}

5-1-7　「グローバルナビゲーション-スクロールするとハンバーガーメニューに変化-」に関するコード不備のお詫び

5-1-7　「グローバルナビゲーション-スクロールするとハンバーガーメニューに変化-」のコードに不備がございましたので修正いたしました。

【該当箇所】
https://coco-factory.jp/ugokuweb/move01/5-1-7/

【内容】
ハンバーガーメニューになった際にメインコンテンツが選択できない

【修正後】
CSSに下記を追加して修正いたしました。

/メインコンテンツを前面に/
section{
position: relative;
z-index: 1;
}