Responsive Issue - Events Template

Hello, I was going through the events template last night and whilst using the 'agenda' template I noticed an issue whilst on mobile. I was using an iPhone 5s when I saw the problem but it seems persistent across a number of mobile phones after asking people in my office to check.

Im aware this can be altered using media query CSS but Im assuming this is a template issue that needs correcting.

I have uploaded an attachment to show you what it looks like.

responsive-issue.jpg

Hello,

Thank you for your feedback, we'll fix the issue with the next theme update.
As a temporary solution, please add the following custom css code to your theme:

Code: Select all

@media (max-width: 680px) {
   .agenda-listing[data-cols="1"],
   .agenda-listing[data-cols="2"],
   .agenda-listing[data-cols="3"],
   .agenda-listing[data-cols="4"] { width: 100%; }

}


This has worked - thankyou!

Anyone else with the same issue on this forum add this in to where ever you are adding custom CSS.