> 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/runway/layout-customization/home-styles/home-style-1/top-left-contact-info.md).

# Top left contact info

### 6. Top left contact info

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

![](/files/ClKS0eXqo9uewLl3kOl7)

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:

![](/files/GwOX5ye3y0WEfyrjbw5F)

#### Step-2:

![](/files/GuM84q4oBVAORUkyYrhr)

#### Step-3:

Add the following code in your custom html module

```html
<div id="contact-details">
    <ul>
        <li><em class="fa fa-phone"></em><a href="#">support@runway.com</a>
        </li>
        <li><em class="fa fa-envelope-o"></em> +11 222 430 231</li>
    </ul>
</div>
```

#### Step-4:

![](/files/bkftww7APGAIawZqCzTe)