Responsive Map problems

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.

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.

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.

This is the link of the map page.
Thnx!

https://www.croatiamyway.net/?page_id=428

Hi,

Please, visits the following link to a screenshot image of your webpage (https://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 (min-width:900px) {
#primary{min-width:680px;}
}
</style>

and that’s all.
Best regards.

Excellent support!

Everything’s woking great now.

Best regards.