Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 28, 2019 at 5:13 pm #1131669
    katjax3

    Hi support,

    first: Thanks for our theme :-)

    Is it possible to have two icons for the hamburger menu? I’ve changed the first icon and it’s fine but now I need a code for the “closed” icon.
    Here is the Code I am using:

    .av-hamburger::before {
    content: url(https://xxxxxxxx/wp-content/uploads/2019/08/menu-offen.png);
    display: inline-block;
    padding-top: 15px;
    }

    .av-hamburger-inner {
    display: none;
    }

    Please help :-)

    August 31, 2019 at 9:25 pm #1132562
    Mike

    Hey katjax3,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field instead of your css above:

    .av-inserted-main-menu .av-hamburger-box::before {
  content: url(https://png.icons8.com/flat_round/50/000000/list.png) !important; 
  display: block;
  padding-top: 15px
}
.av-inserted-main-menu.is-active .av-hamburger-box::before {
  content: url(https://img.icons8.com/cotton/50/000000/menu.png) !important; 
  display: block;
  padding-top: 15px;
}
.av-hamburger-inner {display:none!important;}

    Best regards,
    Mike

    September 1, 2019 at 7:55 pm #1132708
    katjax3

    Thanks Mike :-)

    September 1, 2019 at 8:21 pm #1132717
    Mike

    Hi,
    Glad to help, shall we close this then?

    Best regards,
    Mike

    September 2, 2019 at 8:22 am #1132865
    katjax3

    Hi Mike,
    yes

    Best regards,
    Katja

    September 3, 2019 at 5:50 am #1133207
    Rikard

    Hi Katja,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Hamburger menu icon – png for open and another for closed’ is closed to new replies.