Fortunately, it is easy to fix this.
Login to the backend admin on your site, and go to
EventBooking -> Configuration -> Custom CSS tab. Enter the following into the text box on that page:
Code:
.eb-event-large-image {width:100%; max-width:600px;}
SAVE, clear your site cache (including CloudFlare or any external caching that you use), and it should be fixed.
This will set the image to scale with the column responsively, but prevent it from getting larger than EventBooking's default 600px when displayed on a larger screen.
@Tuan -- Would adding a "Make Responsive" checkbox next to the image section of the Event editor be an option for future releases? This would allow for flexibility on sites where legacy events may not format well with responsive images, but give the event creator the option of allowing the image to resize. It might also require saving a larger version of the image (maybe a 900px or higher?) on image upload for responsive sites so that any site larger than 600px wide can scale with a higher-res image.
