Social Media Icons in Mobile Menu

Hey kevinhaag,
Thank you for your patience please give this script a try, in the functions.php:

function custom_script() { ?>
    <script>
(function($){
      var int = '';
      function a() {
          var isMobile	 = $('.av-burger-menu-main').css('display'),
              htmlString   = $('#header_main .social_bookmarks').find('li a'),
              mobileMenu   = $('.av-burger-overlay'),
              socialString = [];
  
              if(isMobile == 'none') return;
              if($('.burger-social').length) clearInterval(int);
  
              htmlString.each(function() {
                  var socialClass	= $(this).parent('li').attr('class'),
                          socialItems = $(this).wrap('<li class="'+ socialClass + ' av-active-burger-items burger-social"></div>').parent().unwrap();
                  socialString.push(socialItems);
              });
  
              $(socialString).each(function() {
                  $(this).appendTo('#av-burger-menu-ul');
              });
      }
  
      $('#header').on('mousedown', '.av-main-nav-wrap', function() {
          int = setInterval(function() {
              a();
          }, 500);
      });
  
  })(jQuery);
  </script>
    <?php
}
add_action('wp_footer', 'custom_script');

the css:

#av-burger-menu-ul li.burger-social {
    float: left;
}
#av-burger-menu-ul li.burger-social a {
    padding: 10px !important;
    border-bottom: none !important;
}
#av-burger-menu-ul li.social_icon_1 {
 padding-left: 40px
}

Best regards,
Mike

Hi,

Glad Mike could help! :)

For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

Enjoy the rest of your day!

Best regards,
Yigit