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

  • Resolved Carlos Pereira

    (@enrique71)


    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

    (@camwynsp)

    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)

    Cheers,
    Stephen

    Thread Starter Carlos Pereira

    (@enrique71)

    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

    (@camwynsp)

    Carlos:

    There is something odd going on there! Your HTML: https://d.pr/i/c6I6Fn
    And mine: https://d.pr/i/6rYEAs

    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: https://d.pr/i/wHBtj5

    Plugin Support Marho

    (@matumu)

    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,

    Marho

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