|
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
|
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.
|
