Responsive Issue - Events Template

Questions related to the configuration of Wordpress, themes, and security related questions/issues
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Tue Oct 13, 2015 10:41 am
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
User avatar
Fresh Boarder

GK User
Wed Oct 14, 2015 7:52 am
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%; }

}
User avatar
Moderator

GK User
Wed Oct 14, 2015 2:58 pm
This has worked - thankyou!

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


cron