# Top left contact info

### 6. Top left contact info

> 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%2FMasItxqinzo4kuOqjLlX%2Ftop_left.png?alt=media\&token=bf024139-2527-4f18-8863-1f2379c25f89)

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%2FjyInpxBveKAO8E3oeY2x%2Ftop_left_step1.png?alt=media\&token=19198ce4-4060-4be0-ac03-766c509165fa)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FC88hj1PSG46JBwclSBUy%2Ftop_left_step2.png?alt=media\&token=f8398d71-473e-4735-8fdf-de46c24d234c)

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

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FAFZwbS8hB1XhHkBLbU9Q%2Ftop_left_step4.png?alt=media\&token=c395f95e-96d8-4ca9-8722-768c28b6477d)