<style> div.dropdown ul li a {color:#fff; cursor: pointer;} div.dropdown { text-align: center;} </style> <div class="dropdown"> <div style="display: inline-block; position:relative;" > <img class="alignnone size-full wp-image-3122 dropdown-toggle" data-toggle="dropdown" src="https://forex.creativequoin.com/wp-content/uploads/2015/06/Shipping-Calculator-Button.png" width="513" alt="online-calculator-icon" width="200" height="200" > <ul class="dropdown-menu" style="list-style: none;padding: 5px 0px;background-color: #415a92;font-size: 100%; top:10px; left:10px;"> <li><a class="inq-us">Balikbayan Box Route Pricing - CA</a></li> <li><a class="inq-jp">Balikbayan Box Route Pricing - Japan</a></li> <li><a class="calc" >Custom Box Pricing</a></li> </ul> </div> </div> <script> jQuery(document).ready(function(){ jQuery(".dropdown-toggle").dropdown(); jQuery('a.calc').click(function(e){ e.preventDefault(); e.stopPropagation(); var myWindow = window.open("http://shopforex.forexworld.us/AirCargoCalculator.aspx?rts=1", "", "width=500,height=700"); myWindow.focus(); jQuery('.dropdown-toggle').dropdown('toggle'); }); jQuery('a.inq-jp').click(function(e){ e.preventDefault(); e.stopPropagation(); var myWindow = window.open("https://forexcargo.us/priceinquiry?loc=jp&v=1.3", "", "width=500,height=750"); myWindow.focus(); jQuery('.dropdown-toggle').dropdown('toggle'); }); jQuery('a.inq-us').click(function(e){ e.preventDefault(); e.stopPropagation(); var myWindow = window.open("https://forexcargo.us/priceinquiry?loc=us&v=1.3", "", "width=500,height=750"); myWindow.focus(); jQuery('.dropdown-toggle').dropdown('toggle'); }); jQuery('#top-menu-nav').css('margin-left','-100px'); }); </script>