Support » Plugin: The Events Calendar » Stack tribe-block__venue__meta and tribe-block__venue__map on mobile

  • Resolved Carlos Pereira


    Hi there,
    Tweaking css on my site and noticed that at mobile viewport sizes, the above mentioned blocks (the two ‘halves’ of the Venue Gutenberg block) don’t stack. I added the following to make them do that:

    .tribe-block__venue {
        flex-wrap: wrap;
    .tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map, .tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__meta {
        flex: 350px;

    Just wondering if there’s something obvious I’m missing here. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor Camwyn


    Hey Carlos!

    Could you share a link to the page in question? On our test sites this appears to wrap correctly.

    If I can take a look at the site I could maybe help with debugging it (I’m guessing it’s probably a style conflict)


    Thread Starter Carlos Pereira


    Thanks for taking a look Stephen. Here is one example on my dev site, it has the custom styling I mentioned above but obviously you can remove those in the code inspector.

    The code I added is applied to the <div class="tribe-block tribe-block__venue tribe-block__venue--has-map"> block (you’ll see style.css:1012 in the inspector) and the <div class="tribe-block__venue__map">.

    Plugin Contributor Camwyn



    There is something odd going on there! Your HTML:
    And mine:

    Are you using a builder or some such or just the default event blocks editor? Did you customize a template?

    The venue section should wrap as a block, and the venue info drops below the map on mobile:

    Plugin Support Marho


    Hi there!

    This thread has been inactive for a while so we’re going to go ahead and mark it Resolved.

    Please feel free to open a new thread if any other questions come up and we’d be happy to help.

    Best regards,


Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.