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 TT markup is deprecated, so you shouldn't use it
 * You use blockquote tag before a table which contains the transcript, and that might be affecting the mobile view.
 * Your template repeats the same wiketext 2000 times. Converting it to a lua template, will reduce the coding, and make it more efficient without so much repetition.
 * You could use   and  tags instead of tables to show your content, although you may need to change the CSS accordingly.