Support

Home Forums Event Espresso Premium responsive sizing of Event ticket order form

responsive sizing of Event ticket order form

Posted: August 13, 2019 at 7:23 pm


admin@motivatemedia.com.au

August 13, 2019 at 7:23 pm

I have an issue where the order form for ticketing is not contained to the screen size on iphone. It looks great on desktop but fail on the phone. Any tips for how to resize this?


Josh

  • Support Staff

August 14, 2019 at 8:01 am

Hi,

It looks like some additional CSS is in order to override Divi’s generous text sizes, padding, margins for html tables. You can add the following to your custom CSS editor:

@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;
 }
.tkt-slctr-tbl-wrap-dv tr td.tckt-slctr-tbl-td-price  {
    padding: 1em 0;
}
}


admin@motivatemedia.com.au

August 19, 2019 at 9:01 am

Hi Josh

Sorry for my delayed reply – your suggested code worked a treat, the form looks fantastic now.

Thank you so much for your input, I’m still learning and this one had me stumped.

The support post ‘responsive sizing of Event ticket order form’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso