Support

Home Forums Event Espresso Premium Ticket option button not displaying correctly on cell phones

Ticket option button not displaying correctly on cell phones

Posted: July 31, 2024 at 4:58 am

Viewing 11 reply threads


Kbradley5

July 31, 2024 at 4:58 am

We use WP and in the last year we have has participants reach out as they “cant see where they purchase their ticket”. We have learned that if we tell them to swipe to the left the ticket/button option will become visible. Is there any way to fix this? is it an issue with WP? Any guidance is appreciated.


Sam

  • Support Staff

July 31, 2024 at 7:32 am

Hi Kathy,

Can you please share a direct link to the page where exactly you are facing the issue so that we can help you better?

Looking forward to helping you.


Kbradley5

July 31, 2024 at 10:47 am

HI I cant because it is on my cell phone, is there a place I can send a screen shot?


Sam

  • Support Staff

July 31, 2024 at 11:45 am

Hi,

You can share a direct link to the page so that we can check that on mobile and suggest the exact solution, please.

However, you can share a screenshot along with the page link. You can use any third-party service to upload and share your screenshot like https://monosnap.com/


Kbradley5

July 31, 2024 at 11:50 am

https://childbirthconcierge.com/childbirthclasses/all-in-one-platinum-childbirth-education-class-lamaze-in-person-delaney-park-downtown-orlando-2024/

This is the link. It is fine on laptops, Ipads, IA think the issue is when the device is smaller, and again not sure if EE can fix or if it is a WP issue. thanks
If needed I can create a WP page and upload my screen shot and share that page.


Sam

  • Support Staff

July 31, 2024 at 12:12 pm

You can try this CSS to adjust the width and make it visible in the mobile device:

@media only screen and (max-width: 600px){
td.tckt-slctr-tbl-td-name strong {
    display: block;
}
td.tckt-slctr-tbl-td-name a {
    margin-left: 0;
}}

Hope that helps.


Kbradley5

July 31, 2024 at 12:21 pm

I appreciate this, I am NOT a programmer, small business owner. Where do I put this code? I understand the basics of code/HTML and I can copy and paste, but not sure where I put it.

Any guidance appreciated.


Sam

  • Support Staff

July 31, 2024 at 12:27 pm

You can add the CSS under Appearance > Customize > Additional CSS.


Kbradley5

July 31, 2024 at 12:38 pm

td. and strong are coming back in RED saying there is an error

I am really sorry to bother


Sam

  • Support Staff

July 31, 2024 at 12:51 pm

I’ve just modified the code, can you please make sure the code you have added is right:

@media screen and (max-width: 600px){
td.tckt-slctr-tbl-td-name strong {
    display: block;
}
td.tckt-slctr-tbl-td-name a {
    margin-left: 0;
}}

If still facing issues please share a screenshot of the issue.


Kbradley5

July 31, 2024 at 12:54 pm

THANK YOU SOOOOO MUCH! THAT WORKED!


Sam

  • Support Staff

July 31, 2024 at 12:55 pm

I’m glad you got that working for you. Please feel free to ask if you have any other questions.

Viewing 11 reply threads

The support post ‘Ticket option button not displaying correctly on cell phones’ 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