
-
AuthorPosts
-
February 18, 2025 at 2:06 pm #1477326
Hi,
I would like to have the social icons at the end of the burger menu in the mobile version.
I searched in the forum and tried several solutions, but nothing worked.
At the moment I have this in my child functions.phpfunction ava_custom_script_mod_social(){
?>
<script>
(function($){
var int = ”;
function a() {
var isMobile = $(‘.av-burger-menu-main’).css(‘display’),
htmlString = $(‘#header_main .social_bookmarks:first’).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’, ‘ava_custom_script_mod_social’);
And I activated in the header the extra elements shown in the main header area
But it is not working. Maybe you can help me with any idea??
Thank you and best regardsSorry – I found the solution – if somebody need it:
In theme options – performance – disable Load jQuery In Your Footer
and everything works!!
No more help needed – thank you and you can close the thread :))February 18, 2025 at 4:47 pm #1477343Hey walhai,
Glad to hear that you have this sorted out, 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 -
AuthorPosts
- The topic ‘Social icons in mobile menu’ is closed to new replies.