global navigationをスマホ表示でハンバーガーメニューに収めるやり方

2017年12月26日 at 22:20

お世話になります。先に環境情報を記載します。

使っているサーバー:さくらインターネット
PC:Mac OS
concrete5のバージョン:8.2.1

タイトルの通りHeader Navigationにあるオートナビをスマホ表示のハンバーガーメニュー内に収めたいです。どうしたらよいでしょうか?
どなたか教えてください。よろしくお願いします。

タグ:

Re: global navigationをスマホ表示でハンバーガーメニューに収めるやり方

2017年12月28日 at 14:44
オートナビブロックにカスタムテンプレートを充てることでデザインを調整する方法になるかと思います。

何かテーマはお使いでしょうか?

例えば、Concrete5標準でインストールされるテーマ「エレメンタル」ではすでにレスポンシブ対応しているので、スマホ表示の場合にはHeader Navigationがハンバーガーメニューに収まるようになっています。
スタック「Header Navigation」を見ると、カスタムテンプレートとして「レスポンシブヘッダーナビゲーション」が適用されているのが分かるかと思います。

独自にテーマを作成している場合でも、上記のエレメンタルのカスタムテンプレートを参考に独自のカスタムテンプレートを作成すれば実現できるかと思います。