Okay
  Public Ticket #3609265
Changing color of hamburger menu
Closed

Comments

  •  2
    dsydesigns started the conversation

    Hello,


    I am having an issue with getting the hamburger menu to change to black. I have the setting in the Theme Options set to Full background menu, with the Light color palette (see attached screenshot). I am trying to replicate the Architecture demo site using Elementor, and I like how the menu displays in that demo with the slightly transparent, white full background menu with the text and hamburger menu in black. Currently, the hamburger menu is in white so you can't see it (see second screenshot). I know it's still there because I can find it on hover where my cursor changes.

    Thanks in advance for your help. 


    Attached files:  Screenshot 2024-03-18 at 10.27.43 AM.png
      Screenshot 2024-03-18 at 10.31.11 AM.png

  •  1,558
    Laborator replied

    Hi there,

    Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.

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



    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   dsydesigns replied privately
  •   dsydesigns replied privately
  •  1,558
    Laborator replied

    Hi there,

    I tried both of the credentials, not once but many times but I could not manage to login to your site. Can you please re-check the credentials and provide the working ones.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    dsydesigns replied

    Hello again,

    Sorry for the confusion. I have added you as a user with the email: [email protected], you should receive an email to have access. 

    Please let me know if it works.

    Thanks,

    Renée

  •  1,558
    Laborator replied

    Hi Renée,

    I have added the following CSS to Custom CSS:

    .toggle-bars.menu-skin-light .toggle-bars__bar-line {
        background-color: #000;
    }
    

    Now the menu trigger is set to black.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    dsydesigns replied

    Thanks Art! That seems to have worked. :)

    I have another question, is there somewhere in the theme settings where you can adjust where the menu items display and the text size? Currently they are in the left top of the screen, but I would like the menu to be more like the Kalium architecture demo. 



    Attached files:  Screenshot 2024-03-21 at 10.45.31 AM.png
      Screenshot 2024-03-21 at 10.46.25 AM.png

  •  1,558
    Laborator replied

    Hi there,

    The reason why the fullscreen menu is not aligned as in Architecture demo is because of this option:

    OEQhcr.png

    Regarding the font size I have added the following selector to Laborator > Typography:

    J09QE4.png


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  2
    dsydesigns replied

    Awesome thank you!

  • [deleted] replied

    Happy to hear thatsmile.png

    Have a great day!

    P.S. If you like our theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.

    A huge thank you from me and Laborator in advance