How to change colours of mobile menu

Changing the color from the menu bracket that pops up when pressing the three horizontal lines on the mobile version. Currently, it is black so as my menu headlines are also black it’s not possible to see them in the mobile version menu.


Hello there,

Please try to use the following CSS snippet to change the menu items background color on mobile screen.

#mainnav-mobi {
  background-color: #ff0000;

#mainnav-mobi ul li {
  border-color: #fff000;  

Adjust the hex color code to meet your design requirement.

To apply it on your site, you can insert it into the additional CSS option which resides under the Appearance > Customize > Additional CSS.

If this solution doesn’t meet your need, please share the link to your site, so I can be more exact.