Tagged: background image, mobile menu, social icon
-
AuthorPosts
-
January 13, 2021 at 4:51 pm #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
NancyJanuary 14, 2021 at 6:27 am #1272330Hi 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,
NikkoJanuary 14, 2021 at 3:56 pm #1272430thanks 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 3 years, 11 months ago by Munford.
January 14, 2021 at 4:25 pm #1272441Hi 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,
NikkoJanuary 14, 2021 at 4:54 pm #1272462sorry
please try it now- This reply was modified 3 years, 11 months ago by Munford.
January 14, 2021 at 5:34 pm #1272476it’s even worse on chrome
January 15, 2021 at 12:07 pm #1272682Hi 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,
NikkoJanuary 15, 2021 at 12:41 pm #1272694This reply has been marked as private.January 15, 2021 at 1:37 pm #1272710Hi Munford,
You’re welcome.
Just let us know if you need further assistance.Best regards,
NikkoJanuary 18, 2021 at 4:16 pm #1273352thanks you can close this thread.
- This reply was modified 3 years, 11 months ago by Munford.
January 18, 2021 at 11:56 pm #1273521Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘SOCIAL ICON IN mobile menu’ is closed to new replies.