Prevent embedded Google map from moving when scrolling page

How do I prevent an embedded Google map from moving when scrolling a webpage?

On mobile versions two fingers are needed, but I can’t see a way of similarly preventing unintended scrolling/zooming on a desktop.

I’m using the standard Google code…

iframe src=“!1m18!1m12!1m3!1d2394.609135341207!2d-2.378435234530629!3d53.117210149550914!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487a593028e16799%3A0x55d52c2dfa1f12ac!2sHollyfields%2C+Winterley%2C+Sandbach+CW11+4PA%2C+UK!5e0!3m2!1sen!2sus!4v1484263876464” width=“570” height=“450” frameborder=“0” style=“border:0” allowfullscreen="">

There is a thread in the old forum. Maybe this helps:

Go to Scott in pollock’s answer.

Bootsie, I’m fairly new to Blocs, would you mind explaining to me how Scott went about editing the style.css file with regards to his blosc project?

Ian, what did you end up doing to resolve the zoom scrolling issue?

Very simple. I took a screenshot of the map and used it as a link to the Google one!

Hope that helps.

Sorry Bertus but I have no idea.

Sometimes that’s the easiest solution is a screenshot with a link.