CSS for Responsive Table - Post ID...

User 47216 Photo

Registered User
203 posts

Can anyone help with the following - re-designing a web site for my fire department and the template I utilized is "Mobile Responsive" but tables are not. Anyone have an idea on my best course of action to make a table mobile responsive on this page? https://plumstedfiredistrict.com/new/minutes.html

Looks good on desktop but formatting is lost completely on the mobile version
User 122279 Photo

Senior Advisor
14,370 posts

Can you use one of these? There are two versions of the same, the 'table2' changes the width a bit earlier, maybe it looks better. They are made with simple flex, unstyled apart from a wee bit of padding, and you would have to add the rest of the months yourself. ;)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com

User 187934 Photo

Senior Advisor
20,131 posts
Online Now

SD Foundation has them built in.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
This is a site I built for use in my job.(HTML Editor)
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
User 47216 Photo

Registered User
203 posts

Thanks..... I ended up coming up with
<div class="col-xs-6 col-sm-4 col-md-3">

then using <li> for all sections to get the look I wanted in mobile version without even using the "TABLE"

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.