Burger menu on mobile with Logo center menu below setting

Hi,

I’m not sure if I understood this correctly I am looking for a way to substitute old enfold mobile menu with the burger menu on mobile., I think you want to replace the icon with another icon or an image, if it’s an image try to add this code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width: 989px) {
  #top #advanced_menu_toggle {
    background: url('NEW_BURGER_IMAGE') center center no-repeat !important;
  }

  #advanced_menu_toggle:before {
    display: none;
  }
}

Just replace NEW_BURGER_IMAGE with the url of the image/icon you want to change, hope this helps :)

Best regards,
Nikko

Hi,

Try adding this code in functions.php:

function add_custom_hamburger(){
?>
<script type="text/javascript">
(function($){
  function newburger() {
    $('#advanced_menu_toggle').append('<span class="av-hamburger av-hamburger--spin av-js-hamburger"><span class="av-hamburger-box"><span class="av-hamburger-inner"></span>Menu</span></span>');
  }

  newburger();
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'add_custom_hamburger');

Then add this code to Quick CSS (located in Enfold > General Styling):

#advanced_menu_toggle {
    border: 0 !important;
}

#advanced_menu_toggle:before {
    display: none !important;
}

Let us know if it works :)

Best regards,
Nikko

Hey!

Yes, I imported lifestyle blog to have same environment as you do. Please add this to Quick CSS to fix the issue on hover:

#advanced_menu_toggle:hover {
    background: transparent !important;
}

@media only screen and (max-width:767px) {
  span.av-hamburger-box {
    color: transparent !important;
    position: relative;
    display: flex;
    align-items: center;
  }
}

As for the menu itself how it shows/behaves on mobile, I’m afraid it will still be the same and not the same as what the new burger menu offers. Please feel free to request – or vote if already requested – such feature on Enfold feature request form since that customization would require much time.

Best regards,
Nikko