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

    HI.
    I found this code in another thread to add social icons to the mobile flyout menu, but I need mine at the bottom instead of at the top.

    // add social icons inside the mobile menu
    function ava_custom_script_mod_social(){
    ?>
    <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).prependTo('#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');

    Can you help me fix the code to do that?
    thanks
    Nancy

    #1272330

    Hi Nancy,

    Can you try to change this part of the code:

    $(this).prependTo('#av-burger-menu-ul');

    to:

    $(this).appendTo('#av-burger-menu-ul');

    Hope it helps :)

    Best regards,
    Nikko

    #1272430

    thanks that worked
    I wonder if you can help me with another issue – my background hero image (center center position) is showing a white space at the top under the header, and I can’t seem to find the source. Looks like extra padding or something. Can you see what’s causing this?
    thanks again
    Nancy

    • This reply was modified 5 months, 1 week ago by  Munford.
    #1272441

    Hi Munford,

    You’re welcome :)
    When trying to check the link you gave, I’m redirected to the 404 page (link in private content)

    Nothing Found
    Sorry, the post you are looking for is not available. Maybe you want to perform a search?

    Best regards,
    Nikko

    #1272462

    sorry
    please try it now

    • This reply was modified 5 months, 1 week ago by  Munford.
    #1272476

    it’s even worse on chrome

    #1272682

    Hi Munford,

    Thanks for the link.
    I tried to check the page but I could not see the issue on my end (probably because is not that large enough).
    When I try to zoom out in the browser to imitate large screens, I could see it according to the screenshot you gave.
    Also since it’s a parallax, the only option is to use an image that’s longer in height.

    Best regards,
    Nikko

    #1272694
    This reply has been marked as private.
    #1272710

    Hi Munford,

    You’re welcome.
    Just let us know if you need further assistance.

    Best regards,
    Nikko

    #1273352

    thanks you can close this thread.

    • This reply was modified 5 months ago by  Munford.
    #1273521

    Hi,

    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 ‘SOCIAL ICON IN mobile menu’ is closed to new replies.