Mobile Icon Not Displaying

The Mobile Icon (hamberger) is not displaying
Site: https://savekihei.org/
Sydney Version Version: 1.76

  • Using Google Inspector, the HTML code is there. The Icon seems to be behind the background color.
    – Icon is located middle-bottom in the header
  • I tried three different method of CSS to change the color of the icon:
    .btn-menu { color: red; }
    .site-header .btn-menu .sydney-svg-icon {fill: red;}
    .btn-menu .sydney-svg-icon {fill: red;}

ALSO - turned off cache, disable all plugins.

Hi,

Thank you for contacting us here. I am happy to help with your queries.

As inspected with my web browser’s inspector tool, seems likely you have this CSS code in your site’s Additional CSS, that is located under Appearance menu > Customize in dashboard (/wp-admin).

    .sydney-svg-icon {
        display: none;
    }

That code indeed hides the mobile menu icon and some other icons in separate locations.

Please remove that code if it presents in there. Clea cache, and run your check. Let me know your views.

Regards,
Kharis
aThemes Support