Stop embedded Google Maps capturing the scroll wheel

The problem with full width google mapsĀ is that they capture the scroll wheel so the moment you hit them, instead of continuing to scroll the map itself starts zooming (in or out depending on the direction you’re scrolling). The simplest solution to stop this is to wrap the map in an identifiable div and use […]

Bootstrap 4 full width iframe inside a container

For semantic purposes sometimes you want to nest a full width item (in this instance a google map iframe) inside a .container element. Here’s the map: In order to make this full size you first need to remove the width and height properties from the url then you need to substitute some custom css. The […]