How do I edit the navbar-toggle?

Sparkling
1

I would like to change the colour of the 3 bars and also remove the border. Also, right now it currently sits on the right hand side, is it possible to move it to the left hand side instead?

2

Bump

I would also like to edit the on touch/click colour as well. Please advise thank you.

3

Sorry for late response.

Here is code you can use via Appearance - Theme Options - Other - Custom CSS. I have added comments for code, so you can understand what it does:

.navbar-default .navbar-toggle {
  border-color: transparent; /* Removes border color */
  float: left; /* Move navbar toggle to left */
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #f00; /* Changes regular toggle color */
}
.navbar-default .navbar-toggle .icon-bar:hover {
  background-color: #fff; /* Changes toggle color on hover */
}
4

Thanks! Exactly what I needed! :slight_smile: