Make maps fluid and mobile friendly

hi,

you can try to use placeholder like #_LOCATIONMAP{60%,40%}

Ok thanks, I will give that a try.

Bam Bam

Well I’m stumped, I found the line below and changed the width & height from 400×300 to 300×200 which changed the size live using inspect in Google Chrome, so I tried adding that into my style sheet and it didn’t change it.

I also tried adding it through the Style Ediotor that Jetpack has, that will sometimes work when adding css to my stryle sheet won’t.

<div class="em-location-map-container" style="position:relative; background: #CDCDCD; width: 300px; height: 200px;">

.em-location-map-container {
	width: 300px;
	height: 200px;
}

I also tried what you suggested without any luck, I have W3 Total Cache running, so I disabled that but that didn’t make any difference either.

Here is a link to a page so you can have a look yourself.

https://www.hhhworldevents.org/hhh-world-events/australian-nz-oceania-events/

On a side note I added a new event today and it won’t show on my Newly Added events page using the following shortcode.

[events_list orderby="event_date_created" order="DESC" limit=10]

Bam Bam

maybe you can try to check and maybe modify template file at events-manager/templates/templates/map-global.php

to use templates: https://wp-events-plugin.com/documentation/using-template-files/

Any Idea why the new postings aren’t showing using the shortcode in my last post, added 2 more events today and they aren’t showing either.

sorry not sure however maybe you can re-post that in a new thread to avoid confusion.

I did that today.