Event Classic Header: Display on top of map view

[kalgary1]

Can this be done?

[Barry]

There certainly is. If you aren’t already familiar with theming The Events Calendar, do checkout The Themer’s Guide in the first instance as it covers many of the basic principles.

The basic approach here would be overriding and customizing the pro/map.php template. Then, in your copy of that template, find the following lines:

<!-- Google Map Container -->
<?php tribe_get_template_part( 'pro/map/gmap-container' ) ?>

<!-- Tribe Bar -->
<?php tribe_get_template_part( 'modules/bar' ); ?>

Simply flip the order:

<!-- Tribe Bar -->
<?php tribe_get_template_part( 'modules/bar' ); ?>

<!-- Google Map Container -->
<?php tribe_get_template_part( 'pro/map/gmap-container' ) ?>

This will put the view selector above the map rather than below. Depending on your theme you may also need (or prefer) to make a few tweaks to the overall styling to ensure this is looks nice and smooth – and again setting that up (a custom events-related stylesheet) is covered in the Themer’s Guide.

Hope that helps!

[Author]

Posts