Hamburger Icon white in color when viewing on smartphones - cannot change


I noted that the Hamburger Icon is white in colour (my background is white too) and when viewed on a smartphone the menu is not visible at all unless it is hovered over the area where it is located - people wont know that of course till they do. On a desktop its not an issue but hand helds it is. I have looked at similar posts for adding additional CSS in the custom CSS section in the theme but no Joy - added the following

#mainnav-mobi {
    background-color: black;  

. I must be doing something wrong Im sure. In addition I have a second problem in that the Find Us widgit does not appear on a mobile device either.

Any pointers must welcome.
Many Thanks


Hello @sedate,

Can you please provide a link to your website in order to let me inspect it?

Kind Regards, Roman.





Hello @sedate,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

div.slicknav_menu span.slicknav_menutxt {
    color: #542827;

Please create another topic for your second issue.

Kind Regards, Roman.


Hi Roman

Thats fantastic thank you - did the trick wonderfully!


You are welcome @sedate! :slight_smile:

Kind Regards, Roman.