Diviのメニューをセクションの背景の上に表示させる方法

こんにちは、ナオミです！

今日はこんな感じのメニューが背景画像の上にくるデザインをDiviで作って見たいと思います。

早速始めます。

Diviの固定ナビゲーションバーを無効にする

まずはDiviのオプションに行きまして、固定ナビゲーションバーを無効にします。

こうすることによって、メニューがスクロールと共についてくるのを防げます。

Diviのテーマカスタマイザー

次にメニューのカスタマイズです。

Diviのテーマカスタマイザーを開きます。

そして、『ヘッダーとナビ』→『第一メニューバー』に行きます。

メニューの背景色を透明にする

セクションに背景画像をセットする

ここまでのステップがちゃんと出来ていれば、このように表示されます。

好きな背景画像をセットします。

フォントの色を変えたり大きくして見やすくしましょう。

これで完成です。

Diviのことをもっと深く知りたい方は、Diviの使い方完全ガイドをご覧ください。