Mobile Contact Bar

Mobile Contact Bar

Your users are on mobile, so make sure they know how to reach you using our new mobile contact bar feature. Add up to four custom icons to the mobile version of the site so they can make a call, pull up directions, find your hours, send an email, or whatever you choose!



There are many options to customize the look of your Mobile Contact Bar. Let's take a look at some of those options.


Changing Position

The Mobile Contact Bar can be placed at the top of your screen or the bottom by simply selecting "Bottom" or "Top" under the mobile contact menu position drop-down menu.


Editing the Colors

With the Mobile Contact Bar, we have control over what color the background and font are. To change these colors, find a hex color (color picker coming soon!), and paste it into the mobile contact menu color or text color field.

 Changing the Icons

Here you will be able to easily switch icons for whatever link you wish to display. To do this simply go to Font Awesome's Cheatsheet and browse through over 600 different icons until you find the one you wish to display. For example, if we wanted to add a facebook link to our bar we would locate the facebook icon on the cheatsheet and copy the fa code (fa-facebook) and paste it into "Option Icon" field.


Other Options

At the bottom of the page will be a box with four different fields in which you can change each button of the mobile contact menu. Option name will change the text displayed under the icon, option icon will require a fa code and have control over which icon is being displayed, option link controls the destination the user will go to if clicked, and the option target determines if a new tab will be opened if clicked.


_Self Opens link in current tab for user

_Blank Opens link in new tab for user


As always, if you experience any issues or would like more information about this topic submit a ticket or give us a call. We would be happy to help!

Have more questions? Submit a request