Change Icon in Burger Menu

Hey Vera,
Thanks for your question, to use an image for the burger mobile menu for closed and open try this css in your Quick CSS and adjust the image URLs to suit your needs:

.av-hamburger::before {
  content: url(https://img.icons8.com/external-sbts2018-lineal-color-sbts2018/58/000000/external-hamburger-fast-food-sbts2018-lineal-color-sbts2018.png);
  display: block;
  padding-top: 15px;
}
.av-hamburger.is-active::before {
  content: url(https://img.icons8.com/external-sbts2018-outline-sbts2018/50/000000/external-hamburger-fast-food-sbts2018-outline-sbts2018.png);
  display: block;
  padding-top: 15px;
}
.av-hamburger-inner {display:none!important;}

this is the result:

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad this helps, you would need to add the animation to the css, please link to your site so I can see what you have achieved and link to the animation you wish for, many of our demos have different animated transitions so it would be better to see what you want.

Best regards,
Mike

Hi,
Very good, we will keep this open to hear back from you.
Typically I find using Keyframe Animations the easiest to use, this article is pretty good but if you search Google I’m sure you will find more examples that you can easily add to your css.

Best regards,
Mike