Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 23, 2017 at 11:10 pm #782081
    bkheld

    Color mapping – Mobile menu – I can’t figure out how to change the colors of the mobile menu. Is there a key to what colors are mapped to which styling settings? Specifically, the hamburger icon comes up as a solid white block. I’d like to change the background color and the lines on the hamburger part, as well as the rollover colors.

    April 24, 2017 at 5:39 am #782143
    Rikard

    Hey bkheld,

    Please try the following in Quick CSS under Enfold->General Styling to change the colour of the icon:

    #advanced_menu_toggle::before {
  color:#96352D;
}

    How do you want to change it on hover?

    Best regards,
    Rikard

    April 26, 2017 at 1:50 am #783209
    bkheld

    Hi! That worked to change the hamburger lines, thank you.

    How do I change the background color (on NO hover) and also the background color on hover?

    Thanks!

    April 26, 2017 at 7:23 am #783276
    John Torvik

    Hi,

    You can change the background (no hover) adding this code:

    .advanced_menu_toggle {
 background: #000;
 border: 1px solid #000;
}

    and to change the background when you`re hovering add this custom code:

    .advanced_menu_hide {
background: red;
border: 1px solid red;

    Best regards,
    John Torvik

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.