How to set the content of top bar

Step 1. You need to go to Theme Option > Header Layout, add controls to Top Left, Top Center or Top Right areas. For example: you can add HTML control.

Step 2. On this demo page, we added HTML controls to Top Left and Top Right areas. Please add following HTML code to both of these HTML controls.

<ul class="topbar-contact">
    <li><span class="fa fa-phone"></span> 123-456-789</li>
    <li><span class="fa fa-envelope-o"></span> dnnskindev@gmail.com</li>
    <li><span class="fa fa-map-marker"></span>Jianshe Road, Wuhan, China</li>
</ul>

<ul class="topbar-tool">
    <li>
    <div class="topbar-language">
        <span class="text">ENGLISH </span><span class="fa fa-angle-down "></span>
    <ul class="list">
        <li><a href="#" title="Italian">ITALIAN</a></li>
        <li><a href="#" title="German">GERMAN</a></li>
    </ul>
    </div>
    </li>
    <li><a href="#" title="CUSTOMER SUPPORT">CUSTOMER SUPPORT</a></li>
</ul>

Step 3. At last, do not forget to enable Header Top Area in Theme Option > Header Style.