Change the Color of the Hamburger Icon for the Mobile Menu on Sticky Header

This is a Developer Level doc.

If you're unfamiliar with CSS and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.

To change the color of the Mobile Menu Hamburger icon (bars icon) on the Sticky Header, you can use the following CSS snippet:

/* Hamburger Icon Color on Sticky Header */
.is-sticky .mobile-menu .hamburger-inner, .is-sticky .mobile-menu .hamburger-inner::before, .is-sticky .mobile-menu .hamburger-inner::after {    
 background-color: #000; 

Change the background-color value per your need.

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Useful Link: HTML Color Picker

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.