Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 11, 2017 at 7:58 pm #850649
    odmv

    Hi,

    I’m trying to change the close button color [the hamburger button has the correct color, but when it displays the menu I want the close icon to be white].

    Any ideas?

    Thank you!

    September 12, 2017 at 7:28 am #850791
    Rikard

    Hey C-LabMX,

    The close button in your mobile menu is white on my end, I’m guessing you managed to get it working? If not, then which close button are you referring to?

    Best regards,
    Rikard

    September 12, 2017 at 7:37 am #850801
    odmv

    Hi,

    That’s strange, here’s what I see right now [already tried to clear the cache], but it doesn’t shows in the right color.

    Thank you!

    September 12, 2017 at 11:08 am #850945
    Victoria

    Hi C-LabMX,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
#top .header_color .is-active .av-hamburger-inner, 
#top .header_color .is-active .av-hamburger-inner::before, 
#top .header_color .is-active .av-hamburger-inner::after {
    background-color: #fff;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 12, 2017 at 3:35 pm #851050
    Rikard

    Hi,

    I can’t reproduce it on my end, in what browser are you seeing that? You could try to open the site in an incognito window to avoid all caching.

    Best regards,
    Rikard

    September 13, 2017 at 2:08 am #851310
    odmv

    That worked great Victoria, thank you!

    Now it displays correctly Rikard, don’t know why you were able to see it white, but it now works, thanks to you too.

    September 13, 2017 at 9:56 am #851471
    Rikard

    Hi,

    Not sure either, glad you got it working though. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    August 8, 2018 at 12:32 pm #994918
    UNBUENPLAN GROUP

    Hello, if i want change color of hamburguer menu icon in before position to white, and after position black, what is de code??

    Thanks!!

    August 8, 2018 at 3:14 pm #994991
    Nikko

    Hi UNBUENPLAN GROUP,

    You can use this css code:

    
@media only screen and (max-width: 767px) {
  #top .header_color .av-hamburger-inner, 
  #top .header_color .av-hamburger-inner::before, 
  #top .header_color .av-hamburger-inner::after {
    background-color: blue;
  }
}

    Best regards,
    Nikko

    May 1, 2024 at 5:16 pm #1441616
    divinecurio

    hi there, long time since this was posted on but I have tried this coding and it’s not playing ball – I need the lines to be teal (background-color: #009989) when not opened in a transparent header for mobile, and then white (so the x icon) with the #009989 colour as the background. can you help?

    May 1, 2024 at 5:48 pm #1441620
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .av-burger-overlay li li .avia-bullet, 
#top .av-hamburger-inner,
#top .av-hamburger-inner::before, 
#top .av-hamburger-inner::after {
  background-color: #009989 !important; 
}
#top .av-burger-overlay li li .avia-bullet, 
#top .av-hamburger.is-active .av-hamburger-inner,
#top .av-hamburger.is-active .av-hamburger-inner::before, 
#top .av-hamburger.is-active .av-hamburger-inner::after {
  background-color: #fff !important; 
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    May 1, 2024 at 6:31 pm #1441627
    divinecurio

    Mike – you beauty! thank you that worked.

    May 1, 2024 at 11:14 pm #1441651
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Change close icon color [mobile / hamburger]’ is closed to new replies.