Support

Home Forums Event Espresso Premium Events not showing on Mobile – Avada Theme – On Ventura 13.4 – OS 6.2.2

Events not showing on Mobile – Avada Theme – On Ventura 13.4 – OS 6.2.2

Posted: June 15, 2023 at 2:37 pm

Viewing 6 reply threads


4ohelleah

June 15, 2023 at 2:37 pm

Had this issue a while ago and ude a code i found here. The code is no longer working – had to add text to have people turn their phones horizontally. Makes my client keep telling me to find another plugin – but no other does all that you do help! Old code that had worked for a while:
}

#cart-results-modal-wrap-dv {
z-index: 11000;
}

#cart-results-modal-wrap-dv {
border: thin solid red; }

.close-espresso-notice:hover {
color: red; }

@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;
white-space: normal;
}
.tkt-slctr-tbl-wrap-dv tr td.tckt-slctr-tbl-td-price {
padding: .5em 0;
}
.tkt-slctr-tbl {
table-layout: fixed;
}
}


Rio

  • Support Staff

June 15, 2023 at 5:45 pm

Can you reply on Private message and send us the URL of your site that has problem in mobile?

It could be some css conflict.

Thanks


4ohelleah

June 15, 2023 at 7:20 pm

This reply has been marked as private.


Rio

  • Support Staff

June 15, 2023 at 9:42 pm

I looked on your site and it seems the problem was the theme using large font and the plugin styling adopts into it as it uses “em”

You can modify that through CSS code.

Can you try to put this on your additional CSS.


@media
only screen and (max-width: 600px) {
.tkt-slctr-tbl-wrap-dv {
margin: 1em 0;
font-size: 1rem;
}

td.tckt-slctr-tbl-td-name {
font-size: 14px;
}
}

You can do that by
1. going to your WP dashboard
2. Click Appearance then Click Customize.
3. Add the CSS in your Additional CSS.

Thanks


4ohelleah

June 16, 2023 at 1:24 am

Hi Rio, I added your code to the child theme’s Options additional CSS – it worked instantly!! Thank you!!


4ohelleah

June 16, 2023 at 1:27 am

Should I remove this from my CSS now?
@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;
white-space: normal;
}
.tkt-slctr-tbl-wrap-dv tr td.tckt-slctr-tbl-td-price {
padding: .5em 0;
}
.tkt-slctr-tbl {
table-layout: fixed;
}
}


Rio

  • Support Staff

June 17, 2023 at 12:50 am

I’m not sure, but you can try to remove it, and if it doesn’t look good, just put it back.

thanks.


4ohelleah

June 17, 2023 at 8:24 am

That’s what I thought – but since the signup is currently live – was afraid to- Will leave it as is for now. Will change the end dates and remove the Ticket Selector from the signup page after the event is over.
Thank you!

Viewing 6 reply threads

The support post ‘Events not showing on Mobile – Avada Theme – On Ventura 13.4 – OS 6.2.2’ 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.

Event Espresso