Mobile burger menu

Hey vonipeter,
Thanks for the links, please try this solution
I note that you request that for mobile that the topbar with your phone number and email address is empty, but this may be a problem because the mobile menu doesn’t exist until the burger menu is clicked and then the script grabs the elements you want and moves them to the mobile menu, so you may need to leave the phone number and email address in the topbar for mobile.

Best regards,
Mike

Hi,
Sorry for the late reply, Try removing the other code and adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
jQuery(window).load(function(){
  jQuery( '#header_meta' ).each(function() {
  jQuery( this ).find( '.social_bookmarks_facebook' ).appendTo( "#av-burger-menu-ul" );
  });
  });
  </script>
<?php
}
add_action('wp_footer', 'custom_script');

then add code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 479px){
.responsive #top #wrap_all #header .social_bookmarks,.responsive #top #wrap_all #header .phone-info  {
    display: block !important;
}
}

Best regards,
Mike