ハンバーガーメニュー
2023年12月23日2024年10月10日
ヘッダーに電話番号・お問い合わせボタン・検索窓を追加してドロワーメニュー（ハンバーガーメニュー）と組み合わせたカスタマイズ例
ウィジェットを使ってブロックを配置しています。アクションフックと CSS も使っています。
- カテゴリー
- Lightning G3, カスタマイズ
- タグ
- アクションフック, CSS, ドロワーメニュー, ハンバーガーメニュー, ウィジェット
2023年7月9日2023年7月9日
モバイルナビのカスタマイズ例 - 背景黒・文字とボタンを大きく
メニュー項目が少ないサイトの場合は文字サイズを大きくした方が使いやすいので、この投稿のモバイルナビをカスタマイズしてみました。
- カテゴリー
- Lightning G3, カスタマイズ
- タグ
- CSS, ハンバーガーメニュー, モバイルナビ
2023年5月5日2023年12月23日
CSS だけでドロワーメニュー（ハンバーガーメニュー）を実装した例③
画面右上のハンバーガーボタンをクリックするとドロワーメニューが出てきます。
- カテゴリー
- カスタマイズ
- タグ
- CSS, ドロワーメニュー, ハンバーガーメニュー, アクションフック
2023年4月30日2023年7月9日
CSS だけでドロワーメニュー（ハンバーガーメニュー）を実装した例②
画面右端のハンバーガーボタンをクリックすると、背景オーバーレイ付きのドロワーメニューが出てきます。
- カテゴリー
- カスタマイズ
- タグ
- CSS, ドロワーメニュー, ハンバーガーメニュー
2023年4月29日2023年5月5日
CSS だけでドロワーメニュー（ハンバーガーメニュー）を実装した例①
画面右端にマウスホバーするとドロワーメニューが出てきます。
- カテゴリー
- カスタマイズ
- タグ
- CSS, ドロワーメニュー, ハンバーガーメニュー