harenohibiのブログ

ハレの日々 ~ゆっくり楽しく、たまに勉強~

グローバルナビの設置

f:id:harenohibi:20210610231740j:plain


なんとか、グローバルナビゲーション(メニュー)の設置ができました。

といっても、過去に自作したナビを改修してヘッダーとCSSに追加しただけですが、
なんとかレスポンシブ対応もできたので、スマホで見たらトグルメニュー(3本線)になっているかと思います。

追加したことの備忘録

  • ヘッダーにナビとトグル(span)の追加
  • CSSにナビとトグルの追加
  • ヘッダーにボタンクリックのJavaScript追加
  • 詳細設定のヘッダーにビューポートの設定を追加

コピペでやっていると、理解していないこともあるので、ちゃんと理解しながら進めていきたいところです。

なかなか知らないとできないことが多くて大変ですが、できたときは楽しいですね!

プライバシーポリシー