Board Thread:Support Requests - Getting Technical/@comment-27105226-20160217200352

I'm slowly working on updating our wikia to be more mobile friendly and I've run into an issue. I'm going to generalize this question instead of linking to templates so that users can more easily understand it.

Is there any way to control the display of an item in mobile outside of the hidden class? And is there any way to inject html elements that are usually disallowed on Wikia? Below are examples.

Template:

CSS: .hidesometimes .sometimes{ display: none; }

Wikitext:

Considering Site CSS, inline styles, and javascript are stripped on mobile I'm currently at a standstill as to how I should approach this. I'm also curious, since Lua requires code approval, can it insert html elements disallowed by Wikia (Such as aside, section, hgroup, thead, etc.) or inject CSS into the mobile skin?

Currently I'm down to these options:
 * Use Lua if it is capable of injecting CSS or disallowed html elements.
 * Tophat recommending usage of oasis, hidden on desktop based on the User Agent.
 * Rewrite Templates to have a mobile and non-mobile version (ugh).
 * Restrict displayed content on mobile (This goes against everything mobile portability stands for).
 * Write an extension to import a CSS file on mobile (If Wikia Staff would even install it).
 * Simply ignore the mobile site altogether.

Any recommendations, criticism, or opinions would be immensely appreciated.  