|
FaithT
|
May 25, 2020 at 10:23 am
Hi there,
I’m using the short code for a single event ticket selector on this page: https://accidentalgods.life/our-events/
All is good apart from on mobile the form is overhanging the screen so people can’t see the Quantity Selector. I’m using the Divi theme and have never had this problem with EE on my other Divi sites.
I would be very grateful if you could take a look.
Many thanks, Faith
|
|
Tony
|
May 26, 2020 at 3:37 am
Hi Faith,
Event Espresso uses minimal styling and relies on your theme to style the tables, to fix the above you can add something like:
@media (max-width: 640px) {
.event-tickets {
margin: auto -20px;
}
.tkt-slctr-tbl-wrap-dv {
font-size: .75em;
}
.display-tckt-slctr-tkt-details {
display: none!important;
}
.event-tickets table tbody tr td {
padding-left: 0;
padding-right: 0;
font-size: .5em;
}
.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;
}
}
To Appearance -> Customize -> Additional CSS.
|
|
FaithT
|
May 26, 2020 at 4:45 am
Thanks Tony, that’s worked really well. The price and quantity text items are showing a bit weirdly, but it’s clear enough and much better than previousely.
Really appreciate your prompt support.
|
|
Tony
|
May 26, 2020 at 5:17 am
You’re most welcome.
Additional styles can be added to the above if you want to change the output of those fields, how would you prefer they looked?
|
