Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 21, 2020 at 3:44 pm #1176793
    enzowillemstad

    I would like to change the hamburger button color only on the homepage.

    I’ve added the following css code to quick-css.

    .page-id-92 .header_color .av-hamburger-inner {
background-color: #661c54 !important;
}

    But that doesn’t seem to be working, is there another way?

    Thanks in advance

    January 22, 2020 at 11:00 am #1177110
    Nikko

    Hey enzowillemstad,

    Try to use this code instead:

    .page-id-92 .av-hamburger-box span.av-hamburger-inner, 
.page-id-92 .av-hamburger-box span.av-hamburger-inner:before, 
.page-id-92 .av-hamburger-box span.av-hamburger-inner:after {
    background-color: #661c54 !important;
}

    You mentioned homepage but the link you gave isn’t the homepage? which one should it be applied? if it’s the homepage just replace .page-id-92 from the code to .home

    Best regards,
    Nikko

    January 22, 2020 at 2:37 pm #1177196
    enzowillemstad

    Hi Nikko,

    Thanks, It works. Although the X after clicking the hamburger-icon is also in #661c54, but I guess that’s inevitable.

    page-id-92 will become the homepage after the page is approved, for now a placeholder is set as homepage.

    Thanks!

    January 23, 2020 at 3:35 am #1177367
    Nikko

    Hi enzowillemstad,

    If you want the X to use a different color, add this CSS code and just change the background color.

    .page-id-92 .av-hamburger.is-active .av-hamburger-box span.av-hamburger-inner, 
.page-id-92 .av-hamburger.is-active .av-hamburger-box span.av-hamburger-inner:before, 
.page-id-92 .av-hamburger.is-active .av-hamburger-box span.av-hamburger-inner:after {
    background-color: green !important;
}

    Best regards,
    Nikko

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