Board Thread:Support Requests - Getting Technical/@comment-24450419-20151122021730/@comment-24473195-20151122132157

Mseery wrote: Here's the current (bad) template:

http://flophousepodcast.wikia.com/wiki/Template:Transcript

The problem is that Transcript instances look giant on mobile devices.

I have an innocent, childlike naiveté about CSS, so please be detailed in your replies.

Thank you! I think most people here have gone slightly off topic. If you want to make your template portable (mobile-friendly), you need to consider changing a few things:


 * Remove all inline CSS, put it in a wiki-wide CSS, and use a class
 * The template uses blockquote tag before a table which contains the transcript, and that might be affecting the mobile view.
 * The template repeats the same wikitext 2000 times. Converting it to a lua template will reduce the coding, and make it more efficient without so much repetition.
 * The template could use   and  tags instead of tables to show the content, although you may need to change the CSS accordingly (see http://www.w3.org/TR/html401/struct/lists.html#h-10.3).