# Top bar

Follow the below steps

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FVsUVkCaBsCr011hr4JjU%2Ftopbar_left.png?alt=media\&token=488b338d-852f-495d-bb0f-56a834877317)

**Step-1:** 

Go to your admin dashboard and click Appearance -> Widgets

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FfFCeMB3r5lRZguGVs5Vb%2Ftopbar_left1.png?alt=media\&token=010a021a-e9a7-4d05-9c3c-c10f0fbbc94c)

**Step-2:** 

Drag and drop the "Text box" top "Topbar" widget.

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FkbnRtuqnDiZtnR2EWGi9%2Ftopbar_left2.png?alt=media\&token=b1662096-1c7d-4bc0-91a7-1b507c89b7d2)

**Step-3:** 

Add the below code to "Topbar" widget Textbox content.

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2F6OpUh19mYCotyUiZovz0%2Ftopbar_left3.png?alt=media\&token=d8e286ab-40dc-483d-9e0b-9e85a23d02bf)

```html
        <ul class="topbar-left">
              <li>
                <span class="glyphicon glyphicon-envelope topbar-glyph"></span>
<span class="topbar-text"><a href="#">support@runway.com</a></span>
            </li>
             <li >
                <span class="glyphicon glyphicon-phone-alt topbar-glyph"></span>
<span class="topbar-text">+11 222 333 401</span>
            </li>
        </ul>
```

**Step-4:**&#x20;

Finally Click the **save** button