We have created some good looking and very straightforward skins for our customer, but now they want content laid out a little differently for mobile users. DNN 6 has device capability API's and a mobile strategy around redirecting to alternative portals. (And I know that being truly mobile friendly means much more that just rearranging the layout.)

I want to experiment with a single-portal solution that has a rudimentary alternative layout for mlbile users. I'm wondering if there's a way to at the top of my skin .ascx file detect mobile vs. PC, then "branch" to one layout or the other (in the same skin file). Maybe I'm way off here...

Ben

You can keep your css as is and add some new styles using mediaqueries ( just Google for it and you will find lots of info ) and then have special css there for mobile tablet etc.

See my latest skin ( soon to be released )

http://2dnndemo.com/averis/Home/tabid/1346/language/en-US/Default.aspx

If you rescale this everything changes, moves or behaves differently ( portfolio sliders etc all are responsive )

For more complex skins with javascript effects and such another great tool to use is enquirejs which is javascript that reacts on mediaqueries as well

 http://css-tricks.com/enquire-js-media-query-callbacks-in-javascript/

Hope this helps

Armand Datema

Get my new skin ( lots of design variations [18 headers, 30 titlebars, 30 breadcrumbs, 3 footers ], 50+ typography containers , 50+ page templates and an online theme builder for unlimited skin variations) Aura>

For all your skin conversions

2DNN

Follow me on Twitter