Separate columns in footer for social media links and icons

Hey sharynt3,
Try this social icon widget code.
Or this social icon shortcode
For icons next to phone or email in footer widget, try this solution.

Best regards,
Mike

Hi,
For email, phone, map, try this in your widget:

<ul class="contact2">
    <li class="mail"><span class="in2"><a href="mailto: (Email address hidden if logged out) ">[av_font_icon icon='ue805' font='entypo-fontello' size='20px'][/av_font_icon] (Email address hidden if logged out) </a></span></li>
    <li class="phone"><span class="in2"><a href="tel://1-555-555-5555">[av_font_icon icon='ue854' font='entypo-fontello' size='20px'][/av_font_icon]1-555-555-5555</a></span></li>   
    <li class="map"><span class="in2"><a href="https://maps.google.com">[av_font_icon icon='ue842' font='entypo-fontello' size='20px'][/av_font_icon]maps.google.com</a></span></li>
</ul>

the expected results:

If you are not using a child theme I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets.
When you add the custom social bookmarks widget code to the WP Code plugin ensure that the “type is set to PHP:



also add the css:

#top .socialbookmarks-widget .social_bookmarks {
    float: left;
    margin: 15px 0 0 ;
    position: relative;
}

#top .socialbookmarks-widget .social_bookmarks li {
    float: left;
    clear: right !important;
}

the expected results:

Please note that these icons are from your social profiles settings:

Best regards,
Mike