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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor uditvirwani

    (@uditvirwani)

    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.
    }
}
    Thread Starter ryan94

    (@ryan94)

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

    View post on imgur.com

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How can I keep the map within the webpage when using handheld devices?’ is closed to new replies.