open (or link) the mobile menu from button within Layerslider

Hi,
Thank you for the link to your site, typically you would add a custom class such as custom-menu-toggle to the element you want to trigger the mobile menu and then add this script to the end of your functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function($){
  $(".custom-menu-toggle").on('click', function() {
    $('.av-hamburger').trigger('click');
  });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

but I don’t see the header in the source code on your homepage, you will need to enable this to show the burger menu.
The burger menu is created on click from the main menu, so the main menu and header must be on the page for the burger menu to be created.

Best regards,
Mike

Hi,
Ok, we will wait to hear back from you.

Best regards,
Mike

Hi,
Thanks for your feedback, as I understand your plan from your first post, the burger icon in the layerslider is going to be for your mobile view and doesn’t need to work on desktop, so I changed the link in the layerslider burger icon to #custom-menu-toggle and changed the function to this:

function custom_script() { ?>
    <script>
(function($){
  $('a[href*="#custom-menu-toggle"]').on('click', function() {
    $('.av-hamburger').trigger('click');
  });
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

now the layerslider burger icon opens the theme burger menu on click on devices below 990px.

Best regards,
Mike

Hi,
Glad to hear, to hide the header and mobile menu try this css:

.responsive #top #wrap_all #header .av-hamburger {
	visibility: hidden;
}
.responsive #top #wrap_all #header  {
	height:0;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike