Title: Responsive map
Last modified: September 1, 2016

---

# Responsive map

 *  Resolved [sw38](https://wordpress.org/support/users/swd38/)
 * (@swd38)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/responsive-map-6/)
 * Hello,
 * How can set to responsive view for each devices please?
 * [https://wordpress.org/plugins/mappress-google-maps-for-wordpress/](https://wordpress.org/plugins/mappress-google-maps-for-wordpress/)

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

 *  [olimax](https://wordpress.org/support/users/olimax/)
 * (@olimax)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/responsive-map-6/#post-7565083)
 *     ```
       .mapp-layout
       {
       	width: 100% !important;
       }
       ```
   
 *  [picaporte](https://wordpress.org/support/users/picaporte/)
 * (@picaporte)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/responsive-map-6/#post-7565085)
 * Insert the mappress shortcode where you want it to show as usual, adding the 
   width parameter: [mappress mapid=”2″ width=100%]
 * Change id “2” with your map id
 *  [wolfbane8653](https://wordpress.org/support/users/wolfbane8653/)
 * (@wolfbane8653)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/responsive-map-6/#post-9053012)
 * Go to Appearance–>Editor in the CSS add code below at the bottom.
 *     ```
       /*MapPress--------------------------------------------- */
       .mapp-layout
       {
       	width: 100% !important;
       }
       ```
   
 * Then in your post use the shortcode below with your correct mapid. Set your maps
   up with a width of 300 or less. The CSS will do the “stretching” needed to fill
   the width of the pag. Height really isn’t a factor here
 * `[mappress mapid=”2″]`
 * This method will change all the maps on your site to use this “adaptive” width.
    -  This reply was modified 9 years, 1 month ago by [wolfbane8653](https://wordpress.org/support/users/wolfbane8653/).

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

The topic ‘Responsive map’ 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/)

 * 3 replies
 * 4 participants
 * Last reply from: [wolfbane8653](https://wordpress.org/support/users/wolfbane8653/)
 * Last activity: [9 years, 1 month ago](https://wordpress.org/support/topic/responsive-map-6/#post-9053012)
 * Status: resolved