Tagged: , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #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

    #670623

    Hey fulanoinc,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    #670876

    Hi 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.

    #670885

    Hey!

    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!
    Yigit

    #670890

    Yigit,
    I will add it to my child theme functions file and let you know how it works.
    Thanks!
    Leyden

    #670922

    Hey,
    I added this to child functions and don’t see the social icons in slide-out.
    Thanks

    #670933

    Hi!

    Can you please create a temporary admin login and post it here privately?

    Cheers!
    Yigit

    #671007

    Sure, I need an email please.

    #671016

    Hey!

    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!
    Yigit

    #671074

    Here is the info.

    #672374

    Hi,

    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,
    Vinay

    #672430

    Sorry 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,
    Leyden

    #673691

    Hi,

    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 are

    Best regards,
    Yigit

    #673791

    Not 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

    #1225812

    ok – 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)

    https://kriesi.at/support/topic/logo-oben-navigation-darunter-links-und-social-icons-rechts/#post-1204870

    see test page: https://webers-testseite.de/pureinstall/

    • This reply was modified 4 years, 4 months ago by Guenni007.
    #1226179

    Hi,

    Thanks for sharing @guenni007 :-)

    Best regards,
    Rikard

Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.