Ticket description shouldn't spill outside of container or break ticket options
planned
Ginger Coolidge
For now Robin Del Mundo came up with a CSS workaround that will wrap the text in the ticket section.
.givewp-event-tickets__tickets__ticket {
flex-wrap: wrap;
}
@media (max-width: 700px) {
.givewp-event-tickets__tickets__ticket__description {
width: 100%;
margin-bottom: 10px;
}
}
Josh C.
We also ran into this error. Our description was short, so it appeared fine in a computer browser; however, on mobile it pushed the + / - for adding tickets off the page.
When deleting the description (we didn't really need it for our event), it would not save unless I added an empty space so that "something" was in the description box.
Angela Blake
marked this post as
planned
Angela Blake
Merged in a post:
Longer ticket descriptions causes ticket display to misalign
Amy Adams
When adding descriptions to the tickets, if the description exceeds 60 characters, the box indicating total number of tickets gets "pushed" out of alignment. If the description text is too long, the box for number of tickets is pushed outside of the donation form and is no longer visible.
Steps to replicate:
Create an Event with Event Tickets Block Beta
Add Tickets
Add descriptions consisting of more than 60 characters.
Create a donation form using the Visual Form Builder
Add the Event Tickets Block to the form.
Display via preview/Shortcode/Block
Photo Viewer
View photos in a modal