Minnow menu

• 

  rebekahmcnulty · Member · Nov 29, 2014 at 12:58 pm

  • Copy link
  • Add topic to favorites

  I want to change colour of the hamburger menu icon in Minnow. It’s way too inconspicuous. No matter what I do, I only get two of the lines to change colour :)

  Anyone CSS savvy in here, who can figure this one out … please?!

  The blog I need help with is: (visible only to logged in users)

• 

  pcosta88 · Member · Nov 29, 2014 at 1:23 pm

  • Copy link

  Hello!

  Are you wanting to change the color of the sidebar menu?

  If so I think this CSS code works:

  .menu-toggle:hover, .menu-toggle:hover:before, .menu-toggle:hover:after, .menu-toggle:active, .menu-toggle:active:before, .menu-toggle:active:after, .menu-toggle:focus, .menu-toggle:focus:before, .menu-toggle:focus:after, .sidebar-open .menu-toggle, .sidebar-open .menu-toggle:before, .sidebar-open .menu-toggle:after {
      border-bottom-color: #000000;
      border-left-color-ltr-source: physical;
      border-left-color-rtl-source: physical;
      border-right-color-ltr-source: physical;
      border-right-color-rtl-source: physical;
      border-top-color: #ffff00;
      transition-delay: 0s;
      transition-duration: 0.3s;
      transition-property: all;
      transition-timing-function: ease-in-out;

  Where it says border-top-color: YOURCOLORHERE;

  I was able to change it to yellow:
  http://pbrd.co/15KmaNO

  and

  Red
  http://pbrd.co/15Kme0e