Hello. When people buy tickets through EE on mobile, they do not see that they have to select a ticket quantity. Many of them just click register now without selecting a ticket quantity and the page just reloads with no message. Then, the buyer ends up in a loop clicking register now and nothing happening.
That ticket quantity area is the only area on the mobile page that’s too wide and requires horizontal scroll.
QUESTIONs:
1) Is there a way to prevent this scroll from happening altogether and make the content fit within the mobile optimized view?
2) If not, what solution is everyone else using to inform visitors that they have to scroll and select a ticket before clicking the register button?
The issue you are facing is due to the CSS conflict with Divi theme’s responsive code.
So you can just add this CSS to adjust the font size of the texts for the mobile device only so that the table will be fit in the mobile screen without any scroll @media screen and (max-width: 767px)
td.tckt-slctr-tbl-td-name {
font-size: 15px;
}
td.tckt-slctr-tbl-td-name strong {
display: block;
}
.display-tckt-slctr-tkt-details, .hide-tckt-slctr-tkt-details {
margin-left: 0;
}
.tckt-price--nowrap {
white-space: nowrap !important;
}
span.currency-code {
vertical-align: baseline;
}}