Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #2678483
Hamburger Menu Colour
Closed

Comments

  •  1
    090052 started the conversation
    February 2, 2021 at 8:41am

    Hi,

    My Header Background color is Black.

    Hamburger Menu (3 lines) are also Black, I would like to change these to white color.

    How is this done?

    Thanks!

  • [deleted] replied
    February 2, 2021 at 9:03am

    Hi,

    Please just add this CSS code to your Custom CSS area:

    .toggle-bars__bar-line {
    background-color: #fff;
}

    Have a nice day!

  •  1
    090052 replied
    February 2, 2021 at 9:55am

    Thanks. I currently use Architecture Demo which is 2 horizontal lines, how do I make this 3?

  • [deleted] replied
    February 2, 2021 at 11:59am

    Hi,

    You just need to delete this line of CSS modifications that we made for this demo only.

    See video: https://d.pr/v/VPgHRt

    Thanks!

  •  1
    090052 replied
    February 2, 2021 at 10:37pm

    Thanks!

    My mobile menu is currently white background with black text, how do I do white text and black background?

  • [deleted] replied
    February 3, 2021 at 8:55am

    Hi again,

    Your site is on Coming Soon mode. Please share your WordPress credentials because I need to login to your site and test this live. Your information is safe here (private) in this thread.

    To include your credentials click the Insert Credentials button in the editor toolbar (see how)

    Thanks!

  •   090052 replied privately
  • [deleted] replied
    February 4, 2021 at 8:56am

    Hi,

    Please add the code below to your Custom CSS area:

    .mobile-menu-wrapper .mobile-menu-container {
    background: #333;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu>ul>li>a, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu>li>a {
    color: #fff !important;
}
.toggle-bars.menu-skin-light .toggle-bars__bar-line, .toggle-bars.menu-skin-light .toggle-bars__bar-line {
    background-color: #fff;
}

    Have a nice day!