Customer details fields disabled on small screens

[Paul Barron]

I’ve set up some events and tickets (using Event Tickets Plus) and everything seems to work… until I try it on a small screen.

On a mobile or browser (with width less than 992) the customer detail’s fields at checkout are disabled. It is therefore not possible to buy tickets on mobile devices. The problem appears to be triggered when the browser width is reduced to such an extent that the ‘order review’ area is forced to below the ‘customer details’ area.

The problem persists if I select ‘blank page’ for the Events template.

I’ve included a link to a test page on my site. To see the problem, just try to buy a ticket and enter name/address at checkout on a browser with width less than 992 or on a mobile.

Unfortunately the problem renders Event Tickets Plus useless if tickets cannot be bought, so help would be appreciated.

If I activate Twenty Fourteen theme, the problem goes away. How can I isolate the problem/conflict? Are you able to help…??

Many thanks.

[Paul Barron]

I just fixed this (or at least hid the symptoms!) by adding some CSS:
.col-md-5, .col-lg-5 {position: inherit; }

position was relative. Not sure why, but it seems to work now…

[Geoff B.]

Good afternoon Paul and welcome back!

Thank you for reaching out to us.

As you found out, this issue is rooted in your WordPress theme’s CSS.
Tweaking a couple of lines usually fixes it.

Kudos on finding a workaround.

You are welcome back in our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts