Add Text After Logo in zerif lite theme

using some custom.css create 2 of these class like

#main-nav-fb {
    width: 150px;
    display: block;
    padding: 2px 4px;
    border-radius: 0 0 4px 4px;
    background: #cc6052;
    font-size: 14px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    right: 200px;
}

in header.php

after

<div class="navbar-header responsive-logo">

add something like this:

<a id=main-nav-tel href="https://wordpress.stackexchange.com/questions/193542/tel:+11111111111">+11111111111</a>