Logo of SermonSpeaker Extension Claim

Login Form

Responsive layout

More
2 years 3 months ago - 2 years 3 months ago #5830 by Keith
Responsive layout was created by Keith
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!

Attachments:
Last edit: 2 years 3 months ago by Keith. Reason: trying to attach screen capture

Please Log in or Create an account to join the conversation.

More
2 years 3 months ago #5832 by Thomas Hunziker
Replied by Thomas Hunziker on topic Responsive layout
Can you try what happens if you change the following rule in /media/com_sermonspeaker/css/icon.css from
#sermon-infobox .ss-field {
    height: 40px;
}
to
#sermon-infobox .ss-field {
    min-height: 40px;
}

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.

Feel free to rate SermonSpeaker on JED .
Useful documentation for beginners: First Steps & FAQ
How to say "Thank You!": Contribute or support using the Donate button at the bottom of each page.

Please Log in or Create an account to join the conversation.

More
2 years 3 months ago #5833 by Keith
Replied by Keith on topic Responsive layout
Cool that worked! Thanks!

Please Log in or Create an account to join the conversation.

More
2 years 3 months ago #5834 by Thomas Hunziker
Replied by Thomas Hunziker on topic Responsive layout
Thanks for the feedback.

Feel free to rate SermonSpeaker on JED .
Useful documentation for beginners: First Steps & FAQ
How to say "Thank You!": Contribute or support using the Donate button at the bottom of each page.

Please Log in or Create an account to join the conversation.

Time to create page: 0.238 seconds
Powered by Kunena Forum