dataTables_wrapper not responsive

[warch]

some tables are not responsive (tested with sporty theme)

also found it in rookie theme (e.g.: http://demo.themeboy.com/rookie-soccer/event/1653/)

i fixed this with a simple css fix:

.dataTables_wrapper{
    position: relative
}

[fellipe44]

Hi, are you ok?

Can you help me with this? How I do to put club name below club image in the mobile/responsive?

Regards

[mppalma]

I have the solution. Put this in the css of Sportspress.

---

table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } table caption { font-size: 1.5em; margin: .5em 0 .75em; } table tr { background: #f8f8f8; border: 1px solid #ddd; padding: .35em; } table th, table td { padding: .625em; text-align: center; } table th { font-size: .85em; letter-spacing: .1em; text-transform: uppercase; } @media screen and (max-width: 600px) { table { border: 0; } table caption { font-size: 1.3em; } table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; } table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; } table td:before { /*

• aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } table td:last-child { border-bottom: 0; } }

Grettings