De Events Manager plugin heeft de mogelijkheid om een Google Map te tonen voor een evenement. In deze korte blog laat ik zien hoe je deze responsive kan maken.
Stap 1
Ga naar Evenementen -> Instellingen en dan naar de tab Opmaak en de subkop Evenementen. Scroll naar beneden en bewerk de “Opmaak van pagina’s met één evenement“.
Verander onderstaande regel
<div style="float:right; margin:0px 0px 15px 15px;">
in
<div style="float:right; margin:0px 0px 15px 15px; width: 100%; max-width: 400px;">
Waarbij je uiteraard de breedte van 400px aan je eigen eisen kan aanpassen. Dezelfde code vind je onderde sectie “Locaties” bij “Opmaak van pagina’s met één locatie“
Stap 2
Scroll naar beneden naar de “Kaarten” sectie en pas daar de “standaard kaart-breedte” aan naar 100%
Sla de wijzigingen op en je Google Maps van Events Manager zijn responsive geworden.
3 reacties op “Responsive Google Map voor Events Manager”
Thank you!!
I could not get this to work no matter what I did.
I had been searching for hours to find this solution.
Thank you very much. 🙂
Hi George, can you send a link, so I can see what doesn’t work?
Hi Marcel,
Your solution worked perfectly.
Sorry. My comment was confusing.
I had searched for many hours trying to find a fix for the non-responsive problem without any success. Then I found this blog post. It works exactly how it should.
I don’t know why this isn’t part of the plugin right out of the box, or at least an option.
Thank you again.