> For the complete documentation index, see [llms.txt](https://wpdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.themeparrot.com/wordpress-themes/runway/widgets-and-sidebars/top-bar.md).

# Top bar

Follow the below steps

![](/files/CDX9teY9SJrNLb8YEImB)

**Step-1:** 

Go to your admin dashboard and click Appearance -> Widgets

![](/files/GLuXrJpSq66TxdFzrupN)

**Step-2:** 

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

![](/files/G1k7g4IolwiVW67ysbQi)

**Step-3:** 

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

![](/files/WdcpRxenglup9n3pA0FF)

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