# GoggleMaps behave strange

**URL:** <https://forums.realmacsoftware.com/t/gogglemaps-behave-strange/45675>\
**Category:** RapidWeaver Elements\
**Created:** [December 19, 2024, 10:30am UTC](https://forums.realmacsoftware.com/t/gogglemaps-behave-strange/45675 "2024-12-19T10:30:53Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![bjarne.larsen](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bjarne.larsen/32/26860_2.png) [@bjarne.larsen](https://forums.realmacsoftware.com/u/bjarne.larsen)\
**Post date:** [December 19, 2024, 10:30am UTC](https://forums.realmacsoftware.com/t/gogglemaps-behave-strange/45675/1 "2024-12-19T10:30:53Z")

</div>

Hi Dan  
With your help I have created a Goggle-Map. But when I inset the HTML-file in my webside it will not work with different screens.  
If I let the width stay with 600 it change the look on iPhone, and if I set the width to 400 it work with iPhon but does not look nice on larger screens.

And another little problem: How do I change the \> in the menu to white?  
Bjarne

 ![IMG_0700](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/9/1904855a99ef9d58ac47455b20b1830b1d9c6269.jpeg)  
 ![Capto_Capture 2024-12-19_10-27-01_AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/d/cd230dcd5f01342541764a644df4f8db5349d93b.jpeg)  
 ![IMG_0701](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/d/2de78d170c605f76f3f695acdfb58573fe2d39d3.jpeg)  
 ![Capto_Capture 2024-12-19_10-24-18_AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/5/8560a84fd0cbf9a3f2cf22a49260da524efb5ba9.png)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [December 19, 2024, 3:43pm UTC](https://forums.realmacsoftware.com/t/gogglemaps-behave-strange/45675/2 "2024-12-19T15:43:16Z")

</div>

The Google map should be responsive, it probably depends what you have it wrapped in. Set the grid item or container to the width you want at the various break point.

If you share your project I can take a look and advise 🙂

Re: White arrow, do you mean the one in the Scroll to top component? And if so did you just want to change the colour of it?

---

<div class="post-metadata">

**Author:** ![bjarne.larsen](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bjarne.larsen/32/26860_2.png) [@bjarne.larsen](https://forums.realmacsoftware.com/u/bjarne.larsen)\
**Post date:** [December 20, 2024, 11:06am UTC](https://forums.realmacsoftware.com/t/gogglemaps-behave-strange/45675/3 "2024-12-20T11:06:06Z")

</div>

I have tried a lot of setting with Width - and there are a lot! But with no better result.  
I think the problem is with the HTML-file (Costume element), because it works if I put a picture in the grid.  
Hope you can help?

I forgot to send the Projekt - Send in Element Cloud: BL-Portal2?

The arrow is the one within the Menu:

 ![Capto_Capture 2024-12-20_12-01-53_PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/3/7/37b027d57a5d7d676639388207b381237093b2af.jpeg)

---

<div class="post-metadata">

**Author:** ![bjarne.larsen](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bjarne.larsen/32/26860_2.png) [@bjarne.larsen](https://forums.realmacsoftware.com/u/bjarne.larsen)\
**Post date:** [December 20, 2024, 11:35am UTC](https://forums.realmacsoftware.com/t/gogglemaps-behave-strange/45675/4 "2024-12-20T11:35:30Z")

</div>

Here is the link:  
elementsapp://downloadDocument/GoiefonWLjIj  
Hope it’s the rigt one?

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [December 21, 2024, 11:58am UTC](https://forums.realmacsoftware.com/t/gogglemaps-behave-strange/45675/5 "2024-12-21T11:58:49Z")

</div>

Thanks for the file!

We need to update the Menu Component to allow changing the colour of the drop down menus. It’s on the list and should be in the next couple of betas!

I adjusted the google maps code slightly and set the width to 100%, it seems to display much nicer now at the breakpoints. Is this what you wanted?

Here’s the code for the google map.

```auto
<div class="google-map w-[100%]">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d23276.664917122267!2d11.941059748165069!3d43.17627420000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x132bfdc4bd8869f9%3A0x75ae81d9477c5d80!2sSociet%C3%A0%20Agricola%20I%20Vicini%20S.r.l.!5e0!3m2!1sen!2sdk!4v1733746760291!5m2!1sen!2sdk" width="100%" height="350" style="border:1;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>

```

And here’s the just the map part of your layout in a test project - [Download Project](elementsapp://downloadDocument/Coiq0lzVrHBH).

Let me know if you need anything else ☺

---

<div class="post-metadata">

**Author:** ![bjarne.larsen](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bjarne.larsen/32/26860_2.png) [@bjarne.larsen](https://forums.realmacsoftware.com/u/bjarne.larsen)\
**Post date:** [December 21, 2024, 1:36pm UTC](https://forums.realmacsoftware.com/t/gogglemaps-behave-strange/45675/6 "2024-12-21T13:36:39Z")

</div>

Hi.Dan.  
Thank you. That what I wanted!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [December 21, 2024, 2:12pm UTC](https://forums.realmacsoftware.com/t/gogglemaps-behave-strange/45675/7 "2024-12-21T14:12:30Z")

</div>

Oh super, pleased I could help 😀