MB blog

こちらは主に自分用のメモです。

Divi でヘッダー背景をダークカラーにすると、モバイルメニューが見えない


スポンサードリンク

Divi のモバイルメニュー色変更できない問題

Divi で作ったサイトはモバイル表示ではメニューバーがハンバーガーメニューに収められます。
ハンバーガーメニューの色がデフォルトの黒のままで、ヘッダーのカスタマイズセクションにも、色を変更する箇所が見当たりません。

つまりヘッダー背景をダークカラーにしていると、ハンバーガーメニューが見えなくなってしまいます。

解決方法

左ペイン Divi メニュー>テーマのオプション>全般>カスタムCSS に以下を追記して、任意の色に変更します。

.mobile_menu_bar:before{
	color: #fff
}

(追記・修正)UI から変更する方法

外観 > カスタマイズ > 一般設定 > レイアウト設定 > テーマカラー
ここがハンバーガーの色に反映される。
「テーマカラー」がメニュー背景色と同じに設定されるのは、仕様のよう。。