Responsive layout

I know there was a discussion about hiding certain columns for mobile, but how about making it so the items wrap below instead? I would prefer not to hide the scripture links. Mahalo!

Can you try what happens if you change the following rule in /media/com_sermonspeaker/css/icon.css from to
The items already do wrap, that's the issue you have. But the height is hardcoded and doesn't adjust to the wrapped content, thus it overlaps.
Having specified a min-height instead would allow to raise the box according to the content.

If it works, make sure to give me feedback so I can add it to my CSS as well.

Cool that worked! Thanks!

Thanks for the feedback.