ホバーボックスを利用したプルダウンメニューの制作

1.　ホバーボックスにテキストその上に透明ボタンおいてマウスオーバーの設定。

2.ホバー時の設定でホバーボックスの下部にコンテナボックス設置。

コンテナボックス内にボタン設置。ボタンにテキスト透過マウスオーバーの設定。リンクの設定。

3.ストリップ内に設置すればメニューバーの背景色でも写真でも設定できます。

​

※Wixとしてのメニュー機能を使用していない為ページを追加してもメニューに反映しません。

ホバーボックスの2行テキストとリンク設定のためにテキストの上にボタン被せなくちゃいけないので、

編集時少し面倒ですが一つ作っておけば便利ですね。

スマホレイアウト時はシステムのハンバーガーメニュー使用になります。

​

​注意はボタンの背景にストリップでメニューバーの背景色を設定する場合ストリップ内にボタンを配置すると直下にあるストリップの後ろ側にプルダウンが展開するので、ストリップ内に必ず配置しないように注意する事。