Hi there!
If I’m understanding you correctly (you want to change the background color of the hamburger menu that appears on mobile), I believe the CSS from Kathryn’s answer in this thread will work for you: https://ww.wp.xz.cn/support/topic/menu-mobile-icone-color?replies=8#post-6658917
Let me know if you have any questions (or if you meant something else)! 🙂
Hello Sarah thanks to help him/her ,
you should add this style
nav#site-navigation {
background-color: #BF5FFF!important;
}
button
{
background-color: #BF5FFF!important;
}
Best Regards
Rohallah
That will work, however one note on targeting only “button” — That will change all buttons on the site and doesn’t target the specific button/area.
Since it can be made more specific, I would recommend using Kathryn’s suggestion of targeting “.main-navigation button” to change only the mobile (hamburger) menu background color.
thanks lady
Is it ok?
nav#site-navigation {
background-color: red!important;
}
button.menu-toggle
{
background-color: red!important;;
}
Hello Sarah thanks for the info. However I have put that code in but the problem is still persisting. The whole area around the hamburger menu and word “menu” is still pink when viewing on mobile.
@poppymayy – Hi!
This is what I see when I look on mobile and expand your menu: https://cloudup.com/cn1EjixeZ7h (The menu bar is the same color when not expanded too. It appears to match the site when viewed on a computer.)
Is this correct? Or should this color be different?
Are you seeing something different? If so, which browser are you using?
@rohallah — Hi! Did you have a question about that? If it is about a new topic/issue, please start a new thread. 🙂
