CSS/Javascript Code To Allow Us To Combine 3 Artisteer Templates into One Responsive Solution

Artisteer is a great solution to roll out cheap site designs for clients who need custom looks but on a budget. Unfortunately it doesn't support responsive design. A couple of guys have put together solutions involving: 1. designing 3 templates in artisteer (large / small / mobile) 2. using a combination of css and js to ensure the right one is shown. Here are examples: [login to view URL] [login to view URL] What we need is a strong 'base' framework which allows us to simply upload the 3 themes into subfolders or whatever after installing your code as a theme and it will handle the rest. It needs to be fairly flexible as we'd rather not have to have the artisteer theme laid out in some exact way to make it work but looking at how this chap has solved things I think that shouldn't be a problem as long as we design the 3 themes with some sensible thoughts in mind. So just to be clear your code would work as a base and we would then be able to use and re-use it on subsequent artisteer designs. However for the purposes of testing this I will supply 3 'sample' designs for wide/narrow/small so you can ensure your code is working correctly.