Mobile vs Desktop map scrolling

New home Forums Pro Add-on General queries Mobile vs Desktop map scrolling

Tagged: ,

  • This topic has 1 reply, 1 voice, and was last updated 3 months ago by Suncast.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #61162

    I have the map installed and using Open Street Maps. Greedy Gesture Handling is off. The trouble is when viewing on a smartphone, as I scroll down the webpage, when I get to the map it starts scrolling the map instead of the webpage. How can I keep that from happening? Changing Greedy Gesture Handling doesn’t help. I could make the map very short where it is easy to just touch below the map to keep scrolling, but that takes away from the user experience especially on the desktop. Is there a way to have different map heights on a mobile view vs a desktop view?

    The Pro Addon is installed.

    The site in development is


    Hi there,

    Thank you so much for getting in touch, we really appreciate your time.

    Unfortunately, when getting to the map element, this will occur as the map is built to obviously scroll and pan and for dragging so unless taking this control away entirely, this will happen.

    You can, however, target the map sizing only on mobile, however, using some custom CSS. Could I kindly ask you to navigate to -> Maps -> Settings -> Advanced -> Kindly copy the below custom CSS:

    @media only screen and (max-width: 600px) {
    .wpgmza_map {
    height: 500px !important;

    Once copied, simply paste this within the custom CSS field and click save.

    To adjust the map height, simply change the current 500px value to the required value of your choice.

    Please let me know if this helps?

    Kindest Regards,
    Steven De Beer


    The CSS code you provided did the trick.

    Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.