Search Icon for Mobile Theme

Hey Guys,

I’m using Enfold 3.0.4 on a WordPress 4.0.1 Installation and I’m struggling with displaying the Search-Icon for the mobile-themes (aka. Hamburger-Menu – yummy). I tried adding the CSS from here to the Quick-CSS in the theme options.

@media only screen and (max-width: 989px)
{
   .html_mobile_menu_tablet .main_menu, .html_mobile_menu_tablet #header_main_alternate, .responsive #header .main_menu ul, #top #menu-item-search 
   {
      display: block;
   }
   .av-main-nav li {
      display: none;
   }
}

But this doesn’t work for me. Then I checked my custom.css and read the comments, so I tried the same CSS for @media only screen and (max-width: 767px). Which either has no visible effect. Does anyone know a clean way to achieve this?

Greetings
cr0ss