> For the complete documentation index, see [llms.txt](https://jdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jdocs.themeparrot.com/joomla-templates/knapsack/layout-customization/home-page/top-left-social-icons.md).

# Top left social icons

### Top left social icons

> Module position: topbar-left
>
> Module class suffix: Not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FnVPIIVzspVEnqvkBydhB%2FTopleft_socialicons.png?alt=media\&token=df228ec5-ca99-43e1-9ccc-79965ca86bae)

**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:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FkXUW6Lx2zBd1by8NWQ6z%2FTopleft_socialicons_step1.png?alt=media\&token=27ac95a6-380a-470b-b57a-03bcabf7400d)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2F5OcPHqJPdxd6fqJAHVaU%2FTopleft_socialicons_step2.png?alt=media\&token=c32d854d-5b05-4de6-b8e5-e39a1210bc68)

#### Step-3:

Add the following code in your custom html module

```html
<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:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FN7PBX81xihHlts6sD43V%2FTopleft_socialicons_step4.png?alt=media\&token=151392b4-3324-4682-aea6-843d2645299c)