How to add phone number on the top of header in Zerif

It's really easy to add phone number at the top of menu.

Like this:

You can start with installing the plugin  Advanced CSS Editor and in Appearance -> Customize -> Advanced CSS Editor add the following code:

#main-nav:after {
content: "123-456 7890";
width: 200px;
display: block;
padding: 2px 4px;
border-radius: 0 0 4px 4px;
background: #efefef;
font-size: 14px;
text-align: center;
color: #404040;
position: absolute;
top: 0;
right: 70px;
}
#main-nav:before{
font-family: FontAwesome;
content: "\f095";
top: 2px;
font-size: 14px;
right: 220px;
position: absolute;
color: #404040;
width: 20px;
display: block;
z-index:2;
}

Instead of "123-456 7890" add your phone number.

In case of any query, feel free to contact our  support forum.