<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- Button trigger modal --> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> <table border="0" cellpadding="0" cellspacing="5" style="height: 70px; background-color: #595959; width: 100%;"> <tbody> <tr> <td align="center" style="background-color: #ffd200;" valign="middle"> <a href="/storelocator" target="_top" class="ui-link"> <img alt="Locations" height="29" src="http://designview.35487744.smartetailing.com/merchant/2166/images/site/HRM_m_loc.png" title="Locations" width="162"> </a> </td> <td align="center" style="background-color: #ffd200;" valign="middle"> <a href="#popupMenu" data-rel="popup" data-transition="slideup"> <img alt="Call Us" height="29" src="http://designview.35487744.smartetailing.com/merchant/2166/images/site/HRM_m_call.png" title="Call Us" width="162"> </a> </td> </tr> </tbody> </table> <div data-role="popup" id="popupMenu" data-theme="b"> <ul data-role="listview" data-inset="true" style="min-width:210px;"> <li data-role="list-divider">Choose a location</li> <li><a href="tel:123456">Somewhere 1</a></li> <li><a href="tel:123456">Somewhere 2</a></li> <li><a href="tel:123456">Somewhere 3</a></li> <li><a href="tel:123456">Somewhere 4</a></li> </ul> </div>