mobile ticket fieldsets css

[Sarah]

The ticket field set response text bar and multi line bar css is smushed and does not stretch across the mobile screen. On the desktop it looks normal.

Mahalo

[Support Droid]

Hi! Thanks for reaching out. We’re experiencing a high volume of support requests right now, but please do bear with us and we’ll review your question as quickly as possible.

[Jeremy]

Hi again Sarah!

To solve this issue on mobile, you could try to add the following snippet in Appearance > Customize > Additional CSS:

@media only screen and (max-width: 800px) {
    .tribe-events-tickets .tribe-event-tickets-plus-meta td {
        display: contents;
    }
}

Please let me know if that works.

Cheers,
Jeremy

[Sarah]

It’s still not all the way across, but it is half way across the screen.

[Jeremy]

Hi Sarah,

Here is how it looks like on a iPhone 6:

Is it different when you look at it? If so, could you make sure you have cleared your cache? And could you tell me which device/browser you are using?

If the problem comes from the text area which you think is not wide enough, then you could add the following snippet, still in Appearance > Customize > Additional CSS:

@media only screen and (max-width: 800px) {
  .tribe-event-tickets-plus-meta textarea {
    width: 100%;
  }
}

Please let me know how it goes.

Cheers,
Jeremy

[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