Support

Home Forums Event Espresso Premium Ticket selector won't resize for mobile and is hanging over

Ticket selector won't resize for mobile and is hanging over

Posted: May 25, 2020 at 10:23 am


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

  • Support Staff

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

  • Support Staff

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?

You must be logged in to reply to this support post. Sign In or Register for an Account

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: publish

Updated by  Tony 5 months ago ago

Topic Tags

Notifications

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