javascripthtmlcssresponsive-designjqvmap

I need to make jqvmap disappear on mobile view

This is my site in progress http://www.wearemovingto.com I am using a template as an example but I want the map to disappear on mobile view and have a dropdown list take its place, just wondering what code to use? Thanks.

Solution

  • I would be inclined to use the CSS3 media queries. If you add a select with the ID vmapSelect:

    <style type="text/css">
  #vmapSelect {display:none;}
  @media all and (max-width: 1000px) {
    #vmap {display:none;}
    #vmapSelect {display:block;}
  }
</style>