Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 9, 2021 at 10:52 am #1309357
    force-media

    Hi Guys,

    Hope you’re doing well. I would need some support regarding Enfold and social icons in the burger menu. I’ve tried to get this already solved by myself reading this post https://kriesi.at/support/topic/fullwith-dropdown-unter-hamburger-menu-mit-social-media-icons/#post-1266922 but without success. Therefore i would appreciate your help on this.

    I use the enfold burger which collapse from the left on desktop devices and on the right side (max-width: 767px) on small devices. So far so good. Now i would to add social in one line like menu item but i haven’t any clue what i need to do.

    Please find in private content section access credentials and a screenshot from the website mockup how it should look like.

    Thanks,
    Frank

    July 12, 2021 at 4:48 am #1309661
    Ismael

    Hey Frank,

    Thank you for the inquiry.

    You can add this script in the functions.php file to create a copy of the social icons on mobile view.

    // move social icons inside icon or mobile menu
function ava_custom_script_mod_social()
{
?>
	<script>
		(function($) {
			$(document).ready(function() {
				var burger_wrap = $('.av-burger-menu-main a');
				var social = $('.social_bookmarks');
				
				$(burger_wrap).on('avia_burger_list_created', function() {
					setTimeout(() => {
						social.appendTo('#av-burger-menu-ul').addClass("mobile_social_bookmarks");
					}, 150);	
				});
			});
		})(jQuery);
	</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_mod_social', 10000);

    Make sure that the social icons are actually enabled in the Enfold > Header > Extra Elements panel.

    Best regards,
    Ismael

    July 12, 2021 at 3:36 pm #1309817
    force-media

    Hey Ismael,

    You’re a star. Thanks a lot and have a nice day!

    Best regards,
    Frank

    July 12, 2021 at 4:25 pm #1309823
    force-media

    Hi Ismael,

    Sorry for getting back. Just noticed that social bookmarks are being displayed in burger menu as well as beside the burger on page load. Is there a way to remove the social bookmarks when i visit the website, cause it looks a bit ugly. Social items should be only visible once i open the burger menu.

    Screenshot

    Thanks,
    Frank

    • This reply was modified 3 years, 4 months ago by force-media.
    July 13, 2021 at 12:08 pm #1309931
    Ismael

    Hi,

    Thank you for the update.

    We cannot reproduce the issue on our end. Have you managed to fix the issue?

    Best regards,
    Ismael

    July 14, 2021 at 10:25 am #1310088
    force-media

    Hi Ismael,

    No, I have not managed to get the issue fixed. Checked again and also cleared every cache, but the issue is still there.

    See Screenshot .

    Thanks,
    Frank

    July 17, 2021 at 10:30 pm #1310529
    Mike

    Hi,
    Thank you for your patience and the screenshots and the link to your site, but when I view your site I do not see the social icons either in the burger menu or on the page. The script copies your current social icons and adds the copy to your burger menu, do you have them disabled right now?

    Best regards,
    Mike

    July 20, 2021 at 6:07 pm #1310919
    force-media

    Hi Mike,

    Sorry, I did temporary disable social icons due to presentation purposes. I’ve just enabled them again. The script does copy the icons to the burger menu, but unfortunately as you can see on my screenshot they are also visible beside the burger on initial page load when it’s not open.

    Would be glad if we can get this solved.

    Thanks,
    Frank

    July 21, 2021 at 1:57 pm #1311146
    Mike

    Hi,
    Thanks for the feedback, please try this css:

    .main_menu > .social_bookmarks {
	visibility: hidden;
}

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

    Best regards,
    Mike

    July 21, 2021 at 3:16 pm #1311160
    force-media

    Thanks a lot, Mike! It’s looking perfect right now. Have a nice day!

    Best regards,
    Frank

    July 22, 2021 at 6:42 am #1311326
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Adding Social Icons to Enfold burger menu’ is closed to new replies.