BLOGブログ

BLOG今日も笑顔が溢れる

2

PCでも表示できるスタイリッシュなハンバーガーメニューを実装

オーナーのブログ

Treeでは、スマホ環境だけでなく、PCでもハンバーガーメニューをご活用いただけます。デモサイトでは右上の三本線のアイコンをクリックしてみてください。下からスクロールインするドロワーメニューが表示されるはずです。

ここには通常のグローバルナビと同様にメニューを任意に設定可能です。下記のように縦一列で表示されるメニューは非常に視認性が高く、目的のページへとアクセスしやすい設計になっています。

さらにホバー時にはメニューごとに設定できる背景画像が表示されます。下層ページのヘッダー画像と同じもので、ビジュアルでイメージしやすい画像を設置すれば、ユーザーをスムーズに案内することができるでしょう。

また、スマホ環境でも全画面で美しく表示されますので、ぜひ実機で確認してみてください。

RELATED関連記事

関連記事

PAGE TOP