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

    Hi,

    I recently purchased Enfold 3.4.7.
    I want social icons displayed vertically in footer socket, like etsy.com.
    I searched the forum and I found this topic – https://kriesi.at/support/topic/social-icons-in-footer-socket/, but the solution given refers to look for this code:
    <?php
    echo “<div class=’sub_menu_socket’>”;
    $args = array(‘theme_location’=>’avia3’, ‘fallback_cb’ => ”, ‘depth’=>1);
    wp_nav_menu($args);
    echo “</div>”;
    ?>

    …but I can not find it on footer.php.
    Instead I found this one:

    echo “<nav class=’sub_menu_socket’ “.avia_markup_helper(array(‘context’ => ‘nav’, ‘echo’ => false)).”>”;
    echo $menu;
    echo “</nav>”;

    I appreciate your help.

    Thanks

    • This topic was modified 8 years, 11 months ago by bemvestir.
    #571739

    Hi Elsa!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #socket .social_bookmarks li {
        float: none;
    }
    #socket .social_bookmarks {
        height: auto;
    }

    Best regards,
    Yigit

    #571767

    Hi Yigit,

    Thanks for the reply.
    I placed the code given to Quick CSS but the result is not what I was expecting.
    Please verify – http://bemvestir.moda/

    Kind Regards

    #571774

    Sorry for my last answer,
    I made confusion.
    Meanwhile I and copy/paste this into Text widget in Appearance > Widgets – http://pastebin.com/75KkpMZ5, but only facebook icon is appearing.
    Regards

    #571775

    Hi!

    Would you like to display your social icons vertically in footer widget area? If so, please replace the code i posted above with following one

    #footer .social_bookmarks {
        height: auto;
    }

    If that is not what you meant, please post a screenshot and show the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Cheers!
    Yigit

    #571785

    Hi Yigit,

    Now is almost there!
    How can I have the social names right displayed next to the icons (like etsy.com)?
    Can you give the code for instagram?

    Regards

    #571789

    Hey!

    Please add following code to Quick CSS as well

    #top #wrap_all .av-social-link-youtube a:after {
        content: 'YouTube';
        margin-left: 10px;
    }
    #top #wrap_all .av-social-link-gplus a:after {
        content: 'Google+';
        margin-left: 10px;
    }
    #top #wrap_all .av-social-link-pinterest a:after {
        content: 'Pinterest';
        margin-left: 10px;
    }
    #top #wrap_all .av-social-link-skype a:after {
        content: 'Skype';
        margin-left: 10px;
    }
    #top #wrap_all .av-social-link-twitter a:after {
        content: 'Twitter';
        margin-left: 10px;
    }
    #top #wrap_all .av-social-link-facebook a:after {
        content: 'Facebook';
        margin-left: 10px;
    }
    #top .social_bookmarks li:hover a {
        background: none!important;
    }

    Regards,
    Yigit

    #571791

    Hi Yigit,

    Thanks for your fast support.
    Can you give me the widgt code for instagram, please?

    Regards

    #572049

    Hey!

    Please add following code to Quick CSS as well

    #top #wrap_all .av-social-link-instagram a:after {
        content: 'Instagram';
        margin-left: 10px;
    }

    Best regards,
    Yigit

    #572198

    Hi Yigit,

    Now is looking cool!
    Thanks for your support.

    Have a great day.

    Kind regards

    #572206

    Hey!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Regards,
    Andy

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Social icons displayed vertically in footer socket’ is closed to new replies.