Title: Making Maps Responsive?
Last modified: August 20, 2016

---

# Making Maps Responsive?

 *  Resolved [relish1227](https://wordpress.org/support/users/relish1227/)
 * (@relish1227)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/making-maps-responsive/)
 * I love this plugin, but my maps don’t resize as I need them to as the screensize
   gets smaller on my responsive design. Since the width is set inline, I can’t 
   override this using media queries. Any ideas/options?
 * [http://wordpress.org/extend/plugins/mappress-google-maps-for-wordpress/](http://wordpress.org/extend/plugins/mappress-google-maps-for-wordpress/)

Viewing 10 replies - 1 through 10 (of 10 total)

 *  Plugin Author [chrisvrichardson](https://wordpress.org/support/users/chrisvrichardson/)
 * (@chrisvrichardson)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/making-maps-responsive/#post-3147186)
 * Hi,
 * One solution is to just set the map width to a percentage, e.g. 100%, instead
   of a pixel value. But you can’t use a percentage height – you’ll just get a zero-
   height map – so the height will still need to be fixed.
 * Another approach is to set the map width=100% and height=100%, but place the 
   map inside a <div> that has the dimensions you want. This should allow for media
   queries, etc.
 * I have some other ideas that might help – if you like, use the contact form on
   my site to contact me directly:
 * [http://wphostreviews.com](http://wphostreviews.com)
 *  [Mladen Gradev](https://wordpress.org/support/users/joe8104/)
 * (@joe8104)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/making-maps-responsive/#post-3147224)
 * I have managed to make the maps responsive like this:
 * > <div style=”width:99%”>[mappress mapid=”52″ width=”100%”]</div>
 * Just in case someone still need this.
 *  [Sherwin Techico](https://wordpress.org/support/users/sherwin/)
 * (@sherwin)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/making-maps-responsive/#post-3147302)
 * I added this in a JS instead of having it on post/page. Would just have to worry
   about adding width=100% to the mappress tag
 *     ```
       jQuery(document).ready(function ($) {
       	// For MapPress plugin
       	// Tentatively add enclosing divs to make rendered map fluid on mobile browsers
       	$('.mapp-layout').wrap('<div style="width: 99%" />');
   
       });
       ```
   
 *  [gordo019](https://wordpress.org/support/users/gordo019/)
 * (@gordo019)
 * [13 years, 4 months ago](https://wordpress.org/support/topic/making-maps-responsive/#post-3147307)
 * First thing I checked after installing MapPress was responsiveness. Thanx for
   tips on getting maps to fit width-wise on mobile devices. I hope future updates
   of MapPress will address this. Sherwin which file needs your JS function?
 *  [gokovacs](https://wordpress.org/support/users/gokovacs/)
 * (@gokovacs)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/making-maps-responsive/#post-3147310)
 * >Mladen Gradev
    Problem is resolved in your favor. Thank you!
 *  [Mladen Gradev](https://wordpress.org/support/users/joe8104/)
 * (@joe8104)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/making-maps-responsive/#post-3147311)
 * Glad I helped 🙂
 *  [Shreejee](https://wordpress.org/support/users/shreejeeele/)
 * (@shreejeeele)
 * [13 years, 3 months ago](https://wordpress.org/support/topic/making-maps-responsive/#post-3147312)
 * Thanks Mladen! I actually made a new user account, just to thank you. Thanks 
   a million once again!
 *  [ylluminate](https://wordpress.org/support/users/gpsonet/)
 * (@gpsonet)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/making-maps-responsive/#post-3147314)
 * Nice post and tips, thanks guys.
 *  Thread Starter [relish1227](https://wordpress.org/support/users/relish1227/)
 * (@relish1227)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/making-maps-responsive/#post-3147315)
 * Agreed, thanks Mladen. I’ll mark this resolved.
 *  [danielgc](https://wordpress.org/support/users/danielgc/)
 * (@danielgc)
 * [12 years, 10 months ago](https://wordpress.org/support/topic/making-maps-responsive/#post-3147327)
 * thx MLaden

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Making Maps Responsive?’ is closed to new replies.

 * ![](https://ps.w.org/mappress-google-maps-for-wordpress/assets/icon-256x256.png?
   rev=2410347)
 * [MapPress Maps for WordPress](https://wordpress.org/plugins/mappress-google-maps-for-wordpress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mappress-google-maps-for-wordpress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mappress-google-maps-for-wordpress/)
 * [Active Topics](https://wordpress.org/support/plugin/mappress-google-maps-for-wordpress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mappress-google-maps-for-wordpress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mappress-google-maps-for-wordpress/reviews/)

## Tags

 * [mappress](https://wordpress.org/support/topic-tag/mappress/)

 * 10 replies
 * 9 participants
 * Last reply from: [danielgc](https://wordpress.org/support/users/danielgc/)
 * Last activity: [12 years, 10 months ago](https://wordpress.org/support/topic/making-maps-responsive/#post-3147327)
 * Status: resolved