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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  admin@motivatemedia.com.au 3 months, 3 weeks ago ago

Topic Tags

Notifications

This topic is: resolved
Do NOT follow this link or you will be banned from the site!