こちらのサイトでハンバーガーメニューをアクティブにした時にでるメニューのリストとボタンにリンクをつけたい。

Question

前提

https://y-sasakik.github.io/web/web3/

まだ作ってる途中なのですが、↑のサイトを直したいです。
こちらのサイトでハンバーガーメニューをアクティブにした時にでるメニューのリストとボタンにリンクをつけたいです。
・BBBが選ばれる理由
・受講生の声
・スクールの概要
ボタンは「無料体験に申し込むに申し込む」
の箇所です。

途中なのでおかしな点はありますが、とりあえず上記の点を修正したいです。

ソースコードは検証ツールで閲覧ください。

よろしくお願いします。

Answer 1

ハンバーガーメニューをアクティブにした時に、
下記のようにmainやfooterを透明にしているだけなので、その背面にあるハンバーガーメニューをクリックできない状態です。

main.active, footer.active {
    opacity: 0;
}

display: none;か visibility: hidden;にすればメニューをクリックできるようになります。

main.active, footer.active {
    visibility: hidden;
}

それぞれの違いは下記をご参考に。

display:none; VS visibility:hidden; VS opacity:0; - Qiita

Comments

[y-sasaki]

解決できました。
ありがとうございます。
引き続き、作るよう　頑張ります。