I'm really puzzled - I've applied this CSS rule to my table so it stacks on mobile devices. Surprisingly, it's working perfectly in Chrome and Android.
However, on Apple devices, the table isn't stacking and I can't figure out why. If you have any insights or suggestions, please do share them with me.
@media handheld, only screen and (max-width: 480px){table td {
display: block!important;
clear: both;
width: 100%!important;}}