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

    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(){
    	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).each(function() {
    	$('#header').on('mousedown', '.av-main-nav-wrap', function() {
    		int = setInterval(function() {
    		}, 500);
    add_action('wp_footer', 'ava_custom_script_mod_social');

    Can you help me fix the code to do that?


    Hi Nancy,

    Can you try to change this part of the code:




    Hope it helps :)

    Best regards,


    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

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

    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,


    please try it now

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

    it’s even worse on chrome


    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,

    This reply has been marked as private.

    Hi Munford,

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

    Best regards,


    thanks you can close this thread.

    • This reply was modified 5 months ago by  Munford.


    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.