Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 2, 2020 at 4:16 pm #1257633
    topnetat

    Hi Enfold Team,

    I would like to change background color for burger Menu Icon if its clicked (active) to (background-color: white;)

    How is that possible?

    Thanks for your help

    November 2, 2020 at 11:19 pm #1257762
    Victoria

    Hey topnetat,

    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 .av-hamburger-inner.is-active,
 #top .header_color .av-hamburger-inner.is-active::before,
  #top .header_color .av-hamburger-inner.is-active::after {
    background-color: #fff;
}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 3, 2020 at 2:23 pm #1257999
    topnetat

    Hi Victoria – I tested it out – but nothing changed… I changed the default color for burger menu icon.. should I revert this change?

    thanks regards
    topnetat

    November 4, 2020 at 8:33 pm #1258432
    Victoria

    Hi topnetat,

    Can you disable caching and minification for now?

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    October 20, 2023 at 1:26 pm #1423120
    frb1

    Hi,

    It seems my hamburgermenu in Transparant header gets white in active state and hover as well.
    How do I force hamburger menu to be #232323 in active state and hover on transparant header. I tried to adapt the above code, with no luck:

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

    Thanks in advance,
    Frederik

    October 20, 2023 at 4:54 pm #1423149
    Rikard

    Hi Frederik,

    Please try the following in Quick CSS under Enfold->General Styling:

    #top .header_color.av_header_transparency .avia-menu-fx, .av_header_transparency div .av-hamburger-inner, .av_header_transparency div .av-hamburger-inner::before, .av_header_transparency div .av-hamburger-inner::after {
    background: #232323 !important;
}

    Best regards,
    Rikard

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