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.
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.
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.
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.
Hi,
Another possible solution would be modify the styles of the containers’ tags in the webpage.
Best regards.
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.
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.
