I like the current JEM screen layouts with the exception of the event detail page. These work great on a desktop screen but are too scrunched up to be viewed with a phone. I’m fine with the single category list as is – not great on a small phone without turning horizontal, but still usable (only looses city/state
I found that I just needed a few small changes to the jem.css file to fix the event page problem. I only had to change the sections related to dt, dd and flyerimage to affect changes to the event detail page. I commented out the current code and added two new versions of each section controlled by screen size (@media only all and (max-width: xxxx)).
A copy of my modified CSS file is attached. I use it as an override loaded in the httpdocs\templates\[your template]\css\com_jem folder. Be sure to remove the.txt extension before copying to your template folder - had to add that to get it to upload.
To make a long story short, these few changes gave me a version of the original JEM that is “responsive” enough for my needs. To see how it performs on my site, visit:
As an alternative, you can look at Egnarts’ Responsive JEM. It has so much more functionality than what I’ve done. I just don’t need all that it can do for my site. Hope this might be helpful to someone else.