I need to add some custom social icons to my menu, and I've followed the instructions in other tickets. But I can't seem to make it work on mobile.

For the moment, I'm changing behance to apple with the css code below (recommended on this forum). How can I amend the code to work on mobile? Thanks

----

#header-outer #social-in-menu .fa-behance:before,#header-outer #social-in-menu .fa-behance:after, .material #slide-out-widget-area.slide-out-from-right .fa-behance:after {
    content: "f179" !important;
}

It worked, Just had to add a "\" before the f179.

@media only screen and (max-width: 1000px) {
    .fa-behance:before {
    content: "\f179" !important;
}
}

Thank you!