-
AuthorPosts
-
August 9, 2016 at 4:03 am #670138
Hi all,
I want to use the social icons that appear at the top menu in the mobile slide-out menu at the bottom. How can I allow them to stay in this mobile slide-out menu?
Thanks,
Leyden
August 10, 2016 at 5:52 am #670623Hey fulanoinc,
Could you provide us with a link to the site in question so that we can take a closer look please?
Regards,
RikardAugust 10, 2016 at 3:45 pm #670876Hi Rikard,
I’m current working on this website using the mobile slide-out menu on both mobile and desktop. I would like the display the social icons at the bottom of this slide-out menu.
August 10, 2016 at 3:53 pm #670885Hey!
Please add following code to Functions.php file in Appearance > Editor
function av_move_social(){ ?> <script> jQuery(window).load(function(){ jQuery("#header ul.noLightbox.social_bookmarks").detach().appendTo('#mobile-advanced') }); </script> <?php } add_action('wp_footer', 'av_move_social');
Cheers!
YigitAugust 10, 2016 at 3:59 pm #670890Yigit,
I will add it to my child theme functions file and let you know how it works.
Thanks!
LeydenAugust 10, 2016 at 4:28 pm #670922Hey,
I added this to child functions and don’t see the social icons in slide-out.
ThanksAugust 10, 2016 at 4:33 pm #670933Hi!
Can you please create a temporary admin login and post it here privately?
Cheers!
YigitAugust 10, 2016 at 5:45 pm #671007Sure, I need an email please.
August 10, 2016 at 5:56 pm #671016Hey!
You can use (Email address hidden if logged out) but please post login credentials here privately so any available moderator can look into it
Cheers!
YigitAugust 10, 2016 at 9:27 pm #671074Here is the info.
August 14, 2016 at 2:32 pm #672374Hi,
Social icons need should be activated on the header for the script in the functions.php
Activate the social icons and add the script to functions.php it should work :)
Best regards,
VinayAugust 15, 2016 at 3:46 am #672430Sorry about that, I thought I added them. I did them and can’t see them.I can find them with the inspector but can’t seem to make the icon show up.
Thanks,
LeydenAugust 17, 2016 at 12:48 pm #673691Hi,
I added some custom CSS code into Quick CSS field in Enfold theme options > General Styling tab however there is a CSS conflict and icons do not show up.
I gave them orange background color for you to see that there they areBest regards,
YigitAugust 17, 2016 at 4:30 pm #673791Not working to well. You can’t see the icons. Thank you though. I will keep working with it, and see what’s possible.
Thanks,
Leyden
June 26, 2020 at 2:07 pm #1225812ok – it is an old topic but if you look again in that – here is what i use for it the socket social icons . They had to be activated ! as Ismael too mentioned for the other solution!
if you want to see social icons in the socket as well – remove the line in the snippet that sets it to display : none
$('#socket .social_bookmarks').css({ 'display': 'none' });
( but they had to be in the DOM)
see test page: https://webers-testseite.de/pureinstall/
- This reply was modified 4 years, 5 months ago by Guenni007.
June 28, 2020 at 5:08 am #1226179 -
AuthorPosts
- You must be logged in to reply to this topic.