💡 Note: The Events Calendar is not fully compatible yet with Full Site Editing, which is a part of the Twenty TwentyTwo theme. Thus, we recommend running the conflict test with Twenty Twenty.

By default, the map in the single events template is set to 350px in height. Follow the steps below to change this behavior.

Remove the max-height CSS property

To remove the max-height styling of the map, append the following to your theme’s additional CSS section (Appearance -> Customize -> Additional CSS)

.tribe-events-venue-map > iframe, .tribe-events-meta-group-gmap, div[id^="tribe-events-gmap"] {
   max-height: unset !important;
}

Filter map size

To filter the map size add the following snippet to your theme’s functions.php file.

add_filter( 'tribe_events_single_map_default_width', function( $width ) {
	return '600px';
}, 20 );

add_filter( 'tribe_events_single_map_default_height', function ( $height ) {
	return '600px';
}, 20 );

Change the width and height field in that snippet to the desired size for your site. The snippet as written sets the width to 600 pixels and the height to 600 pixels.