How can I keep the map within the webpage when using handheld devices?

Greetings ryan94,

You may achieve this with two methods, the first would be to reduce the height of the map, under the map settings.
However, if you wish to only reduce the size of your map on mobile devices, you may use CSS and Media Queries.

The following code can be placed in your current theme, or any Custom CSS plugin.

@media(max-width: 480px){
    .home .baidu-map {
        height: 300px !important;  // Replace this with the height you wish to use.
    }
}

Thank you uditvirwani, but I don’t think the height of the map is the issue unfortunately:

View post on imgur.com