Embedded Google Map Off-center

anchorhill · Member · Sep 24, 2018 at 7:45 pm
Copy link

Add topic to favorites
Hi,

So I embedded a google map on the “Contact Us” page and but when map seems so be off center or just spilling over outside the view of the browser. Either way I cannot see the map marker when viewing the map. I have to hold and drag it into view. Is there anyway to fix that?

Thank you for any help.

The blog I need help with is: (visible only to logged in users)
dkmyta · Member · Sep 24, 2018 at 9:46 pm
Copy link
Hey there,

This is caused by some of the code we entered to produce the full width video on your homepage.

What we need to do is make that line of code for the iframe on the homepage specific to homepage only. Right now it speak to every iframe embedded on a page or post site wide. What we need to do is removed this CSS:
```
iframe {
    max-width: 100vw;
    width: 100vw;
}
```
and replace it with some CSS that targets the iframe on the homepage only:
```
.page-id-35 iframe {
    max-width: 100vw;
    width: 100vw;
}
```
Once the original line of CSS is removed and replaced with new, the iframe for your Google Map should revert back to its default set up and fit appropriately in space given.

Let us know if this works or if some further investigation is necessary.

Cheers
anchorhill · Member · Sep 25, 2018 at 7:01 pm
Copy link
Worked perfectly. Thank you so much!
dkmyta · Member · Sep 25, 2018 at 8:00 pm
Copy link
You’re very welcome!

No items found.