Responsive Google Map voor Events Manager

Google Maps

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”

  1. 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 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.