How to make Google map responsive when using Events Manager

With Events Manager plugin active, Google map on single event page will appear cut off with the default settings like so:

MSG Office Closed -- WordPress Dev Site

With a couple of changes in the plugin’s settings we can fix this like so:

MSG Office Closed -- WordPress Dev Site

Here’s how:

Step 1

Go to Events > Settings > Formatting > Events

Edit Default single event format.

Change

<div style="float:right; margin:0px 0px 15px 15px;">

to

<div style="float:right; margin:0px 0px 15px 15px; width: 100%; max-width: 400px;">

You might want to make a similar change for Single location page format under Locations section.

Step 2

Scroll down and expand Maps section. Set Default map width to 100%.

Save all changes.

That’s it!

Comments

Leave a Reply