Search Icon on mobile menu

Hey internetwarriors,

It would take a lot of time to add the search icon inside the mobile menu however we can add the search icon in mobile device next to mobile menu icon. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@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;
}}

Best regards,
Vinay

Hi,

Please try adding this at the very end of your themes / child themes functions.php file:

function toggle_submenu(){
?>
<script>
(function($){
    jQuery(window).load(function() {
    	jQuery('#mobile-advanced .menu-item a').on('click', function(){ 
                 jQuery(this).children('.submenu').css('display','block!important');
        });
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'toggle_submenu');

Add the below css in Quick CSS:

@media only screen and (max-width: 767px) {
#mobile-advanced .submenu{
    display: none;
}}

Best regards,
Vinay