Hamburger Menu Not Changing Color

  • Resolved jackgriffin99

    (@jackgriffin99)


    3 years, 7 months ago

    Hi,

    I am trying to change the color of the hamburger menu to HEX code #8D852D and to change the hover color too.

    I have researched previous questions asked by Sinatra users however none of them seem to work/apply to my case.

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @jackgriffin99

    It looks like the background color of your hamburger menu is coming from Elementor, rather than the Sinatra theme.

    If you’d like to change its background color, you can do so by going into any page built with Elementor and then go to the top-left hamburger menu inside the Elementor settings. From there, go to Site Settings > Buttons. There you can set your background color for buttons, which includes the hamburger menu button. Note that this change will affect the other buttons on your site.

    If you want to leave your other button colors the way they are, you can put this bit of CSS wherever you’re adding your custom CSS (whether in a child theme or in Custom CSS in the customizer). 

    .si-hamburger {
    background: #8D852D !important;
}

    To change the hover color: 

    .si-hamburger {
    background: red !important;
}
    Thread Starter jackgriffin99

    (@jackgriffin99)

    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hamburger Menu Not Changing Color’ is closed to new replies.