Display radio button field item horizontally

Is it possible to display radio button field items horizontally on desktop computers but collapse to the usual vertical (one item per row) in mobile devices?

Presumably this is a custom css fix.

Thanks!

Hi Alex

To be honest, I am unsure about it as I am not good at css. Could you please post the link here? I will have my developer to look at it and give you the answer. Honestly, my developer will only come back on Wednesday, so please wait for us

Regards,

Tuan

Hi Tuan,

Would it be ok to open a ticket as the site is in development? No problem about waiting until next week.

Thanks,
Alex

Yes. that's OK. Better submit your ticket on Thursday

Regards,

Tuan

As you guessed, it is fairly easy to change via CSS. The CSS to use however depends on whether you have your radio/checkbox fields set to display horizontal or vertical by default. I am just making tweaks to the live demo using my browser's property inspector, so I can't guarantee that this CSS is 100% production ready, but it is a good starting point

If horizontal by default, it looks like this might do the trick:
If vertical by default, then this seems to work: (edit made to CSS code -- replaced "\" with "}". Late-night typo... )

Try adding one (edit:) [strike]of[/strike] or the other CSS declarations to {Event Booking -> Configuration -> Custom CSS}.
Not being able to test this on your site, I don't know if it *will* work or not, but it seems to make the change happen on the demo site.

Thanks James. I'll give this a try!