CSS to Improve the Mobile Responsiveness of the Ticket Selector

Apply this CSS to your WordPress theme customizer: WordPress > Appearance > Customize > Additional CSS

@media (max-width: 640px) {
 .event-tickets {
    margin: auto -20px; 
 }
 .event-tickets table tbody tr td {
    padding-left: 0; 
    padding-right: 0; 
    font-size: .75em; 
 }
 .tckt-slctr-tbl-td-name a {
    display: block;
 }

.tkt-slctr-tbl-wrap-dv tr td {
    padding: 1em 0 1em .5em;
    white-space: normal;
 }
.tkt-slctr-tbl-wrap-dv tr td.tckt-slctr-tbl-td-price  {
    padding: 1em 0;
}
.tkt-slctr-tbl {
    table-layout: fixed;
 }
}

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.