Title: Full width map
Last modified: August 31, 2016

---

# Full width map

 *  Resolved [autoflame](https://wordpress.org/support/users/autoflame/)
 * (@autoflame)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/full-width-map/)
 * Is there a way to force the map to extend full screen, instead of being confined
   to width of the parent box? See here:
 * [http://www.autoflame.com/autoflame-worldwide/](http://www.autoflame.com/autoflame-worldwide/)
 * [https://wordpress.org/plugins/codepeople-post-map/](https://wordpress.org/plugins/codepeople-post-map/)

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

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/full-width-map/#post-6942510)
 * Hi,
 * Yes of course, please, enter as the map’s width, the value: 100%
 * Tip: In HTML you cannot define the height of tag to the 100% if its parent has
   not defined a fixed height.
 * Best regards.
 *  Thread Starter [autoflame](https://wordpress.org/support/users/autoflame/)
 * (@autoflame)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/full-width-map/#post-6942514)
 * Hi-
    Thanks for the quick reply. However, I had this already set at 100%. Unfortunately,
   that only makes it 100% as wide as the container. I’d like it to go to 100% width
   of the screen.
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/full-width-map/#post-6942522)
 * Hi,
 * The map will be extended to its container, so, if you want to display at the 
   screen width, you should modify the structure of your page, to insert the map’s
   tag directly as child of the body tag.
 * Best regards.
 *  Thread Starter [autoflame](https://wordpress.org/support/users/autoflame/)
 * (@autoflame)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/full-width-map/#post-6942523)
 * I see. So there’s no way to override the container width for just one page. I
   need to modify my WordPress template so that all maps on my site go full width.
 * This is unfortunate. Most of the time I do not want it to stretch that wide.
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/full-width-map/#post-6942533)
 * Hi,
 * Another possible solution would be modify the styles of the containers’ tags 
   in the webpage.
 * Best regards.
 *  [nerdellen](https://wordpress.org/support/users/nerdellen/)
 * (@nerdellen)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/full-width-map/#post-6942853)
 * Hello there,
 * I have the same problem . I get so far as “modify the structure of your page,
   to insert the map’s tag directly as child of the body tag.” Can you please tell
   me in more detail? I only need the map on one page. The other pages I want unchanged.
   I use the them Enfold.
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/full-width-map/#post-6942854)
 * Hi,
 * If you inserts a shortcode into the page’s content: [codepeople-post-map width
   =”100%”], defining its width at 100%, the map will be adjusted to its container.
   If you want to insert the shortcode directly into the template file in your active
   theme, the code would be:
 * `<?php echo do_shortcode('[codepeople-post-map width="100%"]'); ?>`
 * If you want to display the map only in a specific page/post and the id of this
   post is for example: 123 the code would be:
 *     ```
       <?php
       global $post;
       if($post->ID == 123 )
       echo do_shortcode('[codepeople-post-map width="100%"]');
       ?>
       ```
   
 * but the structure of the template file will depend of your theme active, and 
   it is not defined by the plugin.
 * Best regards.

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

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

## Tags

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

 * 7 replies
 * 3 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/full-width-map/#post-6942854)
 * Status: resolved