Change Color of Drop-Down Menu Icon

  • The three arrows icon for the drop-down menu on the mobile site is white by default but I’d like to change that to a different color. I’ve tried many different CSS code snippets in Customizer but so far nothing has worked. Can anyone here help me find a way to change the color?

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @raven74,

    Try this CSS code and add it to Appearance > Customize > Additional CSS from dashboard. 

    
.site-header .btn-menu {
  color: #ff0000;
}

    Regards,
    Kharis

    Thread Starter raven74

    (@raven74)

    This worked perfectly. Thank you so much!!

    Could I ask you another question? When the menu drops down, is it possible to change the background color and the text color?

    You’re welcome!

    When the menu drops down, is it possible to change the background color and the text color?

    It is possible. Try adding this CSS code:

    
@media only screen and (max-width: 1024px) {
  
  #mainnav-mobi {
    background-color: #f2cf0e;
  }
  
  .main-navigation a {
    color: #e81010;
  }
  
}

    Regards,
    Kharis

    Thread Starter raven74

    (@raven74)

    That worked too. Thank you again for all your help!!

    You’re welcome!

    Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change Color of Drop-Down Menu Icon’ is closed to new replies.