Make Existing Table Mobile Responsive

[defree99]

Is there any way to make an existing html table mobile responsive?

http://doityourselfpestandweedcontrol.com/nebraska-service-center/

I have several old tanles like this and I would rather not have to re-type all of them if possible.

[Peaceless]

Hi!

Braddalton helped me with my images and I assume it´s the same for tables. Wrap your table styling with

@media only screen and (max-width: 780px)

CSS

}

Layout – basic question

kr,

?…sa

[Peaceless]

putting 780px to the width you prefer of course

[defree99]

I'm using the Enterprise Pro theme.

It's not working for me, but here's what I did:

/* Tables
--------------------------------------------- */

@media only screen and (max-width: 680px) {
table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin-bottom: 40px;
width: 100%;
}

tbody {
border-bottom: 1px solid #ddd;
}

td,
th {
text-align: left;
}

td {
border-top: 1px solid #ddd;
padding: 6px 0;
}

th {
font-weight: 700;
text-transform: uppercase;
}
}

[dimensionseo]

Thanks for sharing these interesting tips! Really this will work for my designing work.

---

http://www.greencoffeebean.co.in || http://www.dianaboluk.co.uk

[Author]

Posts