How to make Google Maps more responsive?

[christiantaylor]

Hi,

I just purchased X and am working on a website for a client. I’ve come up with an “artsy” design that I like with Google Maps and blocks, but the height of Google Maps is not scaling at all. It’s stuck in a 16:9 configuration on skinnier screens, and this makes for a weird effect. See this picture of how it looks on one screen, and this picture of how it looks on a skinnier screen. As you can see, the maps do not look “pretty” because they aren’t scaling to fit the entire box. Is there any way to fix this?

I would appreciate any insight you have!

[ruenel]

Hello Christian,

Thanks for writing in!

To resolve your issue, please edit the page back in Cornerstone and insert this custom css:

.x-frame .x-frame-inner{
    padding-bottom: 100%;
}

Insert this in the Custom CSS section to easily manage any custom css for the page.

Hope this helps. Kindly let us know.