iframe full width

Hi Jacopo – this is an interesting one to implement. It’s possible to force the map (which is an iframe) to take on the full width of the screen, and then position it so it fills the screen – but we have to make the CSS do a bit of math to figure out where the edge of the screen is related to where the map normally appears.

Try the following CSS. It targets all iframes on your site, which may not be what you want – adding classes to the iframes you want to target and adjusting the CSS to be more specific might not be a bad idea ??

iframe {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    right: 5vw;
}
@media screen and ( min-width: 1266px) {
    iframe {
        right: calc( (100vw - 1140px)/2 )
    }
}