Having spent some time sorting out a phone number for the mobiles and having it work the thought entered my mind on adding another icon to the social icons and linking a phone number
back up before doing anything

this is a temp fix until it is in the next build of zengrid 3 if it goes in then

two files to change
template/tpls/blocks/social.php
and
template/css/custom.css

the number is hard coded in the template/tpls/blocks/social.php



changing the Social Phone Number
Enter the phone number for the icon on the social icons all one string NO spaces
LIKE THIS 0312345678 NOT 03 1234 5678
an international number looks like this +61312345678

tel:+1234567890
there are two divs with a class that is the comment i could not work out how to comment inside without breaking the code
<div class="place social phone below here to make it float to the left and top on wide"></div>

on line 23 <div id="social-phone"><a target="_blank" href="tel:+1234567890"><span class="icon-stack zen-animate fadeInRightBig fa fa-phone zen-icon zen-icon-phone"style="visibility: visible; animation-name: fadeInRightBig; -webkit-animation-name: fadeInRightBig;"></span></a></div>
if you want the icon to float right then cut line 23 and paste it into line 67

the colors are changed in the custom.css

line 2 background: #cccccc;/*change the color here for the background*/
line 3 color: #000;/*change the color here for the icon*/

line 17 there is also an option to hide the social-phone on a wide screen by uncommenting the whole line remove /* */

hope this helps
supplies as is

back up before doing anything

All the css and the php files are in the zip!!

i updated the files added the comment correctly this time !!

Top work Woodsy

Yep indeed thanks for posting John