Add Telephone Number to Navigation Bar

[BSWebDev]

Please use my staging server: http://1hu.e0f.myftpupload.com/ which does not have firewall on it.
Thank you.

[ruenel]

Hello Blue Streak,

1.) The code should not increase the height of the topbar. The styling is only transparent from being an inline to a custom css so that we can apply a different text color when you hover the login, icon and the phone number.

2.) Are you referring to this one:

Please change the font size of the icon so that it will line up with the login.

3.) To change the color of the number in the footer, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-colophon-content a:hover {
    color: red !important;
}

4.) The name of the section is the footer content. You can change or edit it in X > Theme Options > Footer > Footer Content.

Hope this helps.

[BSWebDev]

Please look http://1hu.e0f.myftpupload.com/, it does increase the size of the top line

I am not able to post more then 1 image, so going to post a 2nd posting to get the other image shown.

The fonts are the same size I thought.
Thanks in advance. (please see second posting.

[BSWebDev]

Could only post 1 image, so had to post this in 2nd image.
See above

[ruenel]

Hello Blue Streak,

The <p> tag is not included.
Use this instead:

	<span style="float:left;"><a href="https://vf.bluestreakcourier.com/xcelerator/clientportal" target="_blank" ><i>Log In</i></a></span>

	<span><a href="https://www.facebook.com/BlueStreakCourierService/"><i class="x-icon-facebook" data-x-icon-b="&#xf082;" aria-hidden="true"></i></a></span>

	<span style="float:right;"><a href="tel:1-610-935-1999"><i>1.610-935-1999</i></a></span>

We would loved to know if this has work for you. Thank you.

[BSWebDev]

Thank you for your help.

[ruenel]

You are most welcome!