Okay
  Public Ticket #1911629
Custom Hamburger Icon
Closed

Comments

  •  5
    Andrew started the conversation
    February 26, 2019 at 8:03pm

    Hi there,

    I see an option for changing the hamburger icon to text, but I can't see an obvious way to change it to a custom icon.

    Right now it has that nice svg transition from the hamburger to the X.

    The problem I'm trying to solve is that the icon will be going over dark and light elements and it will disappear and reappear. I want to keep it white.

    I was going to add in a custom icon with a drop shadow to solve the contrast issue. Would it be possible to add a drop shadow to the current icon?

    Thank you,

    Andrew

  •  1,559
    Laborator replied
    February 27, 2019 at 9:17am

    Hi Andrew,

    There is no option to upload a custom icon instead of your hamburger menu, to add a shadow to the current hamburger menu add this CSS to your Custom CSS:

    .menu-bar .ham,
.menu-bar .ham:before ,
.menu-bar .ham:after {
    box-shadow: 2px 2px 3px red;
}
.menu-bar.exit .ham {
  box-shadow: none;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  5
    Andrew replied
    March 1, 2019 at 1:26am

    Thank you. You can close this ticket now.

  •  1,559
    Laborator replied
    March 1, 2019 at 8:07am

    You're welcome, have a great weekendsmile.png

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group