Change color of mobile toolbar icons

Hi @meisha

You can do this with a little bit of custom CSS code.

Go into your site’s admin Dashboard and select Appearance → Customize →?Additional CSS. In the CSS textbox on the left, add the following code:

button.menu-toggle, button.menu-toggle:hover {
  color: #ff0000;
  border-color: #ff0000;
}

button.menu-toggle::after, button.menu-toggle::before, button.menu-toggle span::before {
  background-color: #ff0000;
}

.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
  color: #00ff00;
}

.storefront-handheld-footer-bar ul li.cart .count {
  background-color: #0000ff;
}

You should see the changes right away, but this is just a preview for you, so you can experiment a little with different colors if you like.
Once you’re happy with it, select “Save Changes” from the top, and your changes will be applied to your site.

Thank you so much, Senff! This works great! ??

This is really minor, but is there a way to have the hover work on each button separately instead of the whole toolbar at once? Thanks!