Booking feature not responsive on phones

[Joe Winfield]

Hi there,

I’m having issues making the booking feature responsive on phones. Even on the demo it seems that it isn’t responsive (http://demo.wp-event-organiser.com/events/event/4th-thursday-every-2nd-month/) as the calendar where you select dates pushes the ticket options off screen and no matter what css I add in, nothing helps. (Example of it on the site I’m working on: http://qsi.ie/qsi-events/level-5-qqi-fetac-food-safety-haccp/).

Could anyone enlighten me on this, has anyone found a solution?

Thank you,

Joe.

[Joe Winfield]

[Stephen Harris]

Hi Joe,

The default template is unfortunately not particularly suited to mobile device ‘out of the box’. There are plans to improve this, but since it’s a breaking change, this is being left until a major update (i.e. 2.0.0).

Since the booking form sits within a page it’s not trivial to make it responsive by default in a theme agnostic way. However, the template can be replaced, so it’s possible to edit in such a way so it suits your theme.

Here’s a gist with an alternative template. Just copy that PHP template to eo-ticket-picker.php in your theme and then add the CSS your theme’s style.css, or otherwise load it on the bookings page.

https://gist.github.com/stephenharris/1b3d7fc0eb6a0e91226d9e24ec010bce

You will almost certainly need to adjust the CSS breakpoint for your theme.

[Author]

Posts