【選べる】モバイルナビ 10パターン

背景色はキーカラーになっています。

モバイルナビの背景色が濃色になっているため、モバイル下部ウィジェットに「お問い合わせセクション」を設置してもとても見づらくなってしまいます。使用するためには以下の CSS を追加してください。

.vk-mobile-nav .veu_contact .contact_frame {
    background-color: #fff;
}

モバイルナビの背景色が濃色になっているため、モバイル下部ウィジェットに「お問い合わせセクション」を設置してもとても見づらくなってしまいます。使用するためには以下の CSS を追加してください。

.vk-mobile-nav .veu_contact .contact_frame {
    background-color: #fff;
}

アイコンの背景色は以下のようになっています。

このデザインを選択すると、サブメニューを使うことができません。(サブメニューは非表示になります)

アイコンの背景色は以下のようになっています。

このデザインを選択すると、サブメニューを使うことができません。(サブメニューは非表示になります)

メニュー項目の背景色は キーカラー になっています。

モバイルナビの背景色が濃色になっているため、モバイル下部ウィジェットに「お問い合わせセクション」を設置してもとても見づらくなってしまいます。使用するためには以下の CSS を追加してください。

.vk-mobile-nav .veu_contact .contact_frame {
    background-color: #fff;
}

• 美容室、エステサロンをイメージした作成例
• モバイルナビ上部にロゴ画像を配置した例

• 宿泊施設をイメージした作成例
  こちらのサイトヘッダーのデザイン と組み合わせてお使いいただくのがおすすめです。
• モバイルナビ上部にお問い合わせセクションを配置した例
• 電話番号部分の色は カスタムカラー 1 です。

モバイルナビの幅を小さくして、モバイルナビの左にページのコンテンツが見えるデザインになっています。

文字部分の下線の色は キーカラー になっています。

モバイルナビの幅を小さくして、モバイルナビの左にページのコンテンツが見えるデザインになっています。

ハンバーガーボタンの色は キーカラー、 モバイルナビの背景色は カスタムカラー1 になっています。