Hamburger Menu and horizontal lines changes

MDS · January 4, 2019, 9:13am

You can use any color. I selected green and black as it was your original request.

Simply use rgba code for the colors you wish to choose. In the following code, I have used rgba (green and black) simply replace the values to the colors you wish to use. For the bars of the svg, you change the stroke color and for the background is appears at the end of the coee.

<style>

#nav-toggle .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,153,102,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

background-color: rgba(0,0,0,1);
 
 }
</style>

The updated file:

Green Hamburger with black RGBA.bloc (204.0 KB)

MDS