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

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;
}

「動くWebデザインアイデア帳（黄色本）」P154とP163のJavaScriptに記述ミスがございました。

「動くWebデザインアイデア帳（黄色本）」P154とP163のJavaScriptに記述ミスがございました。
Webサイトおよび、特典のコードは修正済みです。
大変ご迷惑をおかけしますが、以下をご参照いただきますよう、よろしくお願いいたします。

●P154とP163のJavaScript

誤： $(“.has-child>a”).removeClass(‘active’);//activeクラスを削除
↓
正：$(“.has-child”).removeClass(‘active’);//activeクラスを削除

【該当ページ】

■　5-1-1「グローバルナビゲーション-ドロップダウンメニュー（上）-」
https://coco-factory.jp/ugokuweb/move01/5-1-1/

■　5-1-2「グローバルナビゲーション-ドロップダウンメニュー（左）-」
https://coco-factory.jp/ugokuweb/move01/5-1-2/

■　5-1-3「グローバルナビゲーション-ドロップダウンメニュー（写真付 上ナビ）-」
https://coco-factory.jp/ugokuweb/move01/5-1-3/

■　5-1-4「グローバルナビゲーション-ドロップダウンメニュー（写真付 左ナビ）-」
https://coco-factory.jp/ugokuweb/move01/5-1-4/

■　1-11「フラワーショップのECサイト」
https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/1-11/1-11.html

お問い合わせフォームをご利用いただく方へ。

特典の送信不備などで、お問い合わせフォームをご利用いただく方へ。
最近、迷惑メール対策を取られたメールアドレスを記載していることが原因で、返信をしても戻ってきてしまうケースが増えています。
お心当たりの方がいらっしゃいましたら、ご連絡いただければ幸いです。

※恐れ入りますが、掲載されているソースコードの利用方法や応用方法などの個別の回答は行っておりませんのでご了承ください。

※書籍関連のお問い合わせはhttps://www.socym.co.jp/contactよりお願いいたします。

※送信後に受付完了の自動返信メールが送信されます。
フリーアドレスや迷惑メール排除の設定をしている場合、メールが届かない場合があります。
その際はお手数をおかけしますがメールアドレスを変更して再送してください。