# Google Maps Smart Variation Not Working for Mobile

**URL:** <https://community.hubspot.com/t/google-maps-smart-variation-not-working-for-mobile/21913>\
**Category:** CMS Development\
**Tags:** design-manager\
**Created:** [June 20, 2020, 12:15am UTC](https://community.hubspot.com/t/google-maps-smart-variation-not-working-for-mobile/21913 "2020-06-20T00:15:11Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sydney](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sydney/32/28756_2.png) [@Sydney](https://community.hubspot.com/u/Sydney)\
**Post date:** [June 20, 2020, 12:15am UTC](https://community.hubspot.com/t/google-maps-smart-variation-not-working-for-mobile/21913/1 "2020-06-20T00:15:11Z")

</div>

> **[Locations | HALO Precision Diagnostics](https://www.halodx.com/locations/)**
>
> HALO Precision DiagnosticsTM Locations Contact Us HALO Pathways available at partner centers across the nation bringing the HALO Pathways closer to you

I created a new page on our site with an embedded google map using the HTML module. I have smart variation rules set up - everything works perfectly to change size when on mobile except the map size does not change. How can I fix this?

---

<div class="post-metadata">

**Author:** ![TRooInbound](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/trooinbound/32/89545_2.png) [@TRooInbound](https://community.hubspot.com/u/TRooInbound)\
**Post date:** [June 20, 2020, 10:58am UTC](https://community.hubspot.com/t/google-maps-smart-variation-not-working-for-mobile/21913/2 "2020-06-20T10:58:25Z")

</div>

Hi @Sydney

In CSS please add this line, it will fix this issue.

```auto
iframe {
 width: 100% !important;
}

```

We hope it works for you.

Did our post help answer your query? Help the community by marking it as a solution.

Thanks,

Team TRooInbound