Top left social icons

Top left social icons

Module position: topbar-left

Module class suffix: Not used

If you want to display your contact information like this you have to create a menu and publish the menu module like below

Step-1:

Step-2:

Step-3:

Add the following code in your custom html module

<div class="social social-head">
<a href="#" class="toptip" title="Linkedin"><em class="icon-linkedin"></em></a>
 <a href="#" class="toptip" title="Github"><em class="icon-github"></em></a> <a href="#" class="toptip" title="Dribbble"><em class="icon-dribbble"></em></a> 
<a href="#" class="toptip" title="Google Plus"><em class="icon-google-plus"></em></a>
 <a href="#" class="toptip" title="Facebook"><em class="icon-facebook"></em></a> 
<a href="#" class="toptip" title="Twitter"><em class="icon-twitter"></em></a>
</div>

Step-4: