Title: Responsive Map problems
Last modified: August 30, 2016

---

# Responsive Map problems

 *  Resolved [mirando](https://wordpress.org/support/users/mirando/)
 * (@mirando)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-map-problems/)
 * Hello,
    I’m using free version of CP Google Maps plugin, and everything’s working
   fine at my responsive design blog, except map beeing responsive.
 * In my Map Page I have entered [codepeople-post-map width=”680″ height=”460″] 
   and in WP Settings>CodePeole Post Map I have entered Map width: 100%, Map height:
   460 … but nothing happened, my map isn’t responsive when testing on smartphones.
 * Can you tell me how to fix this issue.
    Thnx for reply.
 * [https://wordpress.org/plugins/codepeople-post-map/](https://wordpress.org/plugins/codepeople-post-map/)

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

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-map-problems/#post-6340416)
 * Hi,
 * If you define the width in the shortcode, it overwrite the width defined in the
   settings page of the plugin, so, the correct shortcode would be:
 * [codepeople-post-map width=”100%” height=”460″]
 * Best regards.
 *  Thread Starter [mirando](https://wordpress.org/support/users/mirando/)
 * (@mirando)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-map-problems/#post-6340449)
 * Thank you for support,
 * but I’m still having some issues with map. If the put [codepeople-post-map width
   =”100%” height=”460″] in Shortcode, my map is responsive now, but the width of
   the map follows the width of the Title of the post, or width of Text in post 
   area.
 * For example, if my title is arround 300px width vissible in my browser, the map
   will also be 300px width, and the rest of the space on the right side of map 
   will be blank.
 * Am I missing something in settings?
 * Regards.
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-map-problems/#post-6340450)
 * Hi,
 * Could you send me the URL to your page to check its structure, please?
 * If you set the map’s width to the 100%, the map is fitted to the width of its
   container.
 * Best regards.
 *  Thread Starter [mirando](https://wordpress.org/support/users/mirando/)
 * (@mirando)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-map-problems/#post-6340451)
 * This is the link of the map page.
    Thnx!
 * [http://www.croatiamyway.net/?page_id=428](http://www.croatiamyway.net/?page_id=428)
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-map-problems/#post-6340453)
 * Hi,
 * Please, visits the following link to a screenshot image of your webpage ([http://wordpress.dwbooster.com/customdownloads/2015-07-19/screenshot.png](http://wordpress.dwbooster.com/customdownloads/2015-07-19/screenshot.png)).
 * The structure of your page has not defined a min-width for the “article” tags,
   or the DIV tag with the id=”primary”, and as the width of map is defined as a
   percentage of its container, the fixed size is determined by the title. You should
   correct the styles defined in the active theme of your website. Another possible
   solution:
 * 1. Open the webpage where was inserted the map.
 * 2. Activates the “Text” tab in the content’s editor, because with the “Visual”
   tab active, the symbols: “<“, and “>”, are replaced by: “<“, and “>” respectively.
 * 3. Paste the following styles in the content’s editor:
 * <style>
    [@media](https://wordpress.org/support/users/media/) (min-width:900px){#
   primary{min-width:680px;} } </style>
 * and that’s all.
    Best regards.
 *  Thread Starter [mirando](https://wordpress.org/support/users/mirando/)
 * (@mirando)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-map-problems/#post-6340454)
 * Excellent support!
 * Everything’s woking great now.
 * Best regards.

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

The topic ‘Responsive Map problems’ is closed to new replies.

 * ![](https://ps.w.org/codepeople-post-map/assets/icon-256x256.jpg?rev=980165)
 * [CodePeople Post Map for Google Maps](https://wordpress.org/plugins/codepeople-post-map/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/codepeople-post-map/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/codepeople-post-map/)
 * [Active Topics](https://wordpress.org/support/plugin/codepeople-post-map/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/codepeople-post-map/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/codepeople-post-map/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [mirando](https://wordpress.org/support/users/mirando/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/responsive-map-problems/#post-6340454)
 * Status: resolved