Search code examples
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>