[ 解決済 ] ハンバーガーメニューのデザイン

[high]

お世話になります。
ハンバーガーメニューのデザイン（通常は白背景、黒枠、黒三本線）を変えたいと思っています。

変更用の画像を用意したのですが、その画像に入れ替えるにはCSSでどのような記述をすればよいでしょうか？

よろしくお願い致します。

[うなこ]

子テーマを作っていただき、変更したい画像はimagesフォルダを作成してその中に入れていただき、
子テーマのstyle.cssなどに以下を追加でいかがでしょうか?
○○の中身は適度なものに変更してみてください。

/* ハンバーガーメニュー */
.vk-mobile-nav-menu-btn:not(.mobile-fix-nav){
    border-color:○○;
    background-image: url(images/○○.svg);
}

/* クローズメニュー */
.vk-mobile-nav-menu-btn.menu-open {
    border-color:○○;
    background: url(images/○○-close.svg);
}

追記です
モバイル固定ナビを表示する場合は、上記のCSSの記述は削除してください。
（おそらくモバイル固定ナビ内のMENUボタンに、このCSSがついてしまうと思われるので。）

• この返信は4年、 3ヶ月前にうなこが編集しました。

[投稿者]

投稿