Board Thread:Support Requests - Designing Your Wikia/@comment-5454372-20140709192949/@comment-5454372-20140710053910

Update for those who may be interested: after doing some digging based on lynque's advice, I've found that the Wikia skin is using @media screen sizes to make  classes to float to the right when the screen's wide, but display as a block when the screen's narrow (i.e. it drops below the main body of the page). I'm now messing around with the following set-up in wikitext/HTML:

 (insert stuff that you want moving around)

Basically, what's supposed to happen is that whatever you want to appear will be positioned in the right column when there are modules in the right column, and then it gets pushed right off the left side of the screen if the window shrinks to the point where the modules move to the bottom of the page.

Current situation: it's working the way I want in browsers, but it's still buggy on my iPhone 5. Need to investigate a little further.

Thanks again for the advice guys -- the percentage measurements and using Wikia's own @media rules attached to the WikiaRail class is nifty :D

Edit: got it working on my iPad and iPhone by adding the following to the end of my inner div:

left: -webkit-calc(312px - 50%);

Still looking to finetune the design: it displays the way I want it to, but being able to scroll off the right side of the screen definitely feels a bit off.