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

(Long title, I apologise about that)

If you're using the Wikia skin from a mobile device, certain modules seem to be able to dynamically reposition themselves or change their dimensions if you change between portrait and landscape orientations (e.g. the Chat module moving from the right side of the screen to the bottom, or the profile masthead changing proportions). This also seems to happen on browsers if you change the width of your window beyond a certain threshold. I've tried taking a look through Wikia's CSS for its Oasis skin, but I can't quite figure out what's making it happen.

I'm wondering if anyone knows the HTML or CSS code to make this happen, or whether it involves javascript or an additional feature? I want to be able to position certain elements differently depending on the page layout. Specifically, I want to figure out a way of making an element move around like the Chat module when it's being added to the page via my Message Wall Greeting (if you take a look at my Message Wall, I want to the character and the smaller thought bubbles to either move to the bottom or to be completely hidden in portait orientation).

For the record, I'm seeing the page change orientations at about 1035 pixels wide or so (that's the whole browser window including the scrollbar). 