Hi @hblocklear
In the Site Editor, select your navigation bar. On the top right side of the screen, you would be able to see a laptop icon. Select it and change the view to mobile view. Then you can change the style of the menu there itself.
Another method will be to use Custom CSS. Just paste the following code in the Custom CSS tab and to change the background property to use parent element:
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
background-color: inherit;
}
It seems to be part of the global styles defined by your theme. You can check this by going to Appearance → Editor → Styles → Colors → Edit Palette. Look for the header background and see if it’s set to a color other than white.
Thanks a ton Guys, that fixed my issue. One more quick question, in the mobile menu the sub menu under “Church Ministries” does not have a dropdown box. How can I get the submenu to be drop down instead of automatically showing?
Glad it fixed your issue. Regarding the submenu’s dropdown, the default theme doesn’t have that option yet. It is up to your theme to handle it. There can be workarounds but it is out of scope for this question.
Thanks
Gotcha. Not a major issue so no worries. Thanks guys!
