-
AuthorPosts
-
July 23, 2015 at 4:07 pm #477784
Hi, I am trying to add the social icons to the header area for mobile, since we don’t need to use the menu. I have followed the instructions from this post: https://kriesi.at/support/topic/how-do-i-part-2/#post-452123 and it works except for iPad in vertical position. Maybe I need more coffee, but I’m not seeing why it doesn’t work for that browser size?
This was the instructions from that post…
In functions.php for the child theme:
function attach_social_icons_to_mobile_menu(){ ?> <script> (function($){ $(window).load(function() { var social_buttons = $("#header").find('ul.social_bookmarks').clone(), mobile_advanced = $("#mobile-advanced"); mobile_advanced.prepend(social_buttons); }); })(jQuery); </script> <?php } add_action('wp_footer', 'attach_social_icons_to_mobile_menu');
And in the style:
#mobile-advanced ul.social_bookmarks { display: block !important; position: absolute; top: 0; left: 25px; top: 25px; } #mobile-advanced ul.social_bookmarks li, #mobile-advanced ul.social_bookmarks li a { clear: none; width: 40px; min-height: 40px; line-height: 40px; } #mobile-advanced ul.social_bookmarks li, #mobile-advanced ul.social_bookmarks li a{ border: 0 !important; } #mobile-advanced ul.social_bookmarks li > a:before{ content: attr(data-av_icon); position: relative; top: auto; font-size: 22px; margin-left: 0; }
Thanks for any thoughts!
July 24, 2015 at 10:19 am #478103Hey janetgot!
Not sure if you got this fixed or not, but the link you provided seems to be down?
Best regards,
RikardJuly 24, 2015 at 1:29 pm #478163Sorry, the site went live, but the issue is still there. Thanks! Will pm the link.
July 26, 2015 at 9:23 pm #478791Hi!
There appears to be a media query conflict causing the social icons to disappear when anywhere between 768px – 990px.
May we have temporary access to your website so we can take a closer look?
Cheers!
Dake -
AuthorPosts
- You must be logged in to reply to this topic.