Search icon on mobile view

Hi,

Is it possible to get an search icon on the mobile menu?

I tried this:
@media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate {
display: block !important;
}
.av-main-nav > li { display: none; }
li#menu-item-search {
display: block!important;
margin-top: -90px;
right: 70px;
}
.responsive .main_menu {
float: right;
}}

And it worked for a few seconds, but than it disappeared.

Help please!

Best,
Derya