Google map split in half on vertical in event page

[Michel]

Hi,

I try EVERYTHING, other theme, deactivated plugins, clearing caches, deactivated Event Calendar plugins and reactivated, turn off and on the google map settings and nothing to do, Google map is split almost in a half on vertical side.

I just don’t understand, everything was ok yesterday and now it is like that.

Do you have any idea what would it be?

And for sure I would appreciate if you can help me with that.

Here are the links:
https://www.adventuresroom.com/hello/peru-machu-picchu-sacred-valley-incas-photo-workshop-vacations/
https://www.adventuresroom.com/fr/hello/perou-machu-picchu-vallee-sacree-incas-atelier-photo-vacances/

Thanks a lot

Michel

[Cliff]

Hi, Michel.

Thanks for your detailed question.

I believe it’s because of your custom display not overwriting this pre-existing CSS from the Event Full Styles stylesheet (https://adventuresroom-mxeog07r.netdna-ssl.com/wp-content/plugins/the-events-calendar/src/resources/css/tribe-events-full.min.css):

.single-tribe_events .secondary .tribe-events-venue-map {
width:58%;
}

With that rule removed, it displays at 100%, which is what you’re wanting instead.

You could add this CSS that should resolve the issue for you:

body.single-tribe_events .secondary .tribe-events-venue-map {
width:100%;
}

Please let me know how this goes for you.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts