Support » Plugin: Event Tickets » Responsive layout.

  • The Event Ticket display as Table which is difficult to modify for mobile. I like the way that we can design Event Calendar as a Custom Post Type and it play well with any page builder than the WooCommerce Product. But when it use together with the Event Ticket that display the details of ticket in Table it is such a nightmare. The content not responsive and it get overflow which destroy the layout on mobile. It make more spaces on the right which make the mobile layout able to slide left. I have to hide the Description field and decread all of the padding/margin of all fields and forms to fix it.

    Can we change to use other responsive form instead of this table form?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Ed

    (@erishel)

    Hey there @emilybkk!

    Thanks for reaching out — that’s a great question, I can help with that πŸ™‚

    We’ve been looking at options to make our plugins more responsive, though I’m not sure if/when we will see it introduced.

    In the meantime, you can try this CSS:

    @media only screen and (max-width: 600px) {
     
    table.tribe-events-tickets tr .woocommerce {
    width: 100% !important;
    }
     
    table.tribe-events-tickets tr .tickets_name {
    width: 100% !important;
    }
     
    table.tribe-events-tickets tr .tickets_price {
    width: 100% !important;
    }
     
    table.tribe-events-tickets tr .tickets_description {
    width: 100% !important;
    }
    }

    Hope that helps!

    Plugin Contributor Courtney Engle Robertson

    (@courane01)

    Hey 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. πŸ™‚

    Thanks
    Courtney πŸ™‚

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsive layout.’ is closed to new replies.