Okay
  Print

Construction theme topbar widget codes.

NOTE: If you imported our demo data, take a look Appearance -> Widgets -> Inactivate widgets section to see if there is any top bar widget there.

For some reason these widget doesn't come with demo data, you can use these HTML code in a Text widget and then drag them to Top Bar Left and Top Bar Right widget area.

TopBar Social:

<div class="topbar-social">
<a href="#" target="_blank" title="Twitter"><i class="fa fa-twitter"></i></a>
<a href="#" target="_blank" title="Facebook"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank" title="Linkedin"><i class="fa fa-linkedin"></i></a>
<a href="#" target="_blank" title="Pinterest"><i class="fa fa-pinterest"></i></a>
<a href="#" target="_blank" title="Google Plus"><i class="fa fa-google-plus"></i></a>
<a href="#" target="_blank" title="Instagram"><i class="fa fa-instagram"></i></a>
<!--<a href="#" target="_blank" title="Flickr"><i class="fa fa-flickr"></i></a>
<a href="#" target="_blank" title="Youtube"><i class="fa fa-youtube-play"></i></a>-->
<a href="mailto:info@company.com" target="_blank" title="Email"><i class="fa fa-envelope"></i></a>
</div>

TopBar Phone contact :

<div class="extract-element">
<span class="topbar-text">Toll Free </span>
<span class="topbar-highlight primary-color">1.800.123.4567</span>
</div>

TopBar Email Contact:

<div class="extract-element">
<span class="topbar-text"> Email Us </span>
<span class="topbar-highlight primary-color">info@business.com</span>
</div>