Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1309357

    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

    #1309661

    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

    #1309817

    Hey Ismael,

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

    Best regards,
    Frank

    #1309823

    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, 5 months ago by force-media.
    #1309931

    Hi,

    Thank you for the update.

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

    Best regards,
    Ismael

    #1310088

    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

    #1310529

    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

    #1310919

    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

    #1311146

    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

    #1311160

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

    Best regards,
    Frank

    #1311326

    Hi,

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

    Best regards,
    Jordan Shannon

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