I have created a k2 template to list 5 extra fields in a columned list. However, it was for a non-RWD template.

I am now converting the site to use your RWD Ascent and zenkit:
www.goodwinrobbins.com/joomla/index.php/fast-packs

I know this is a big questions but how do I control the css for different devices?

Here is what my non-rwd k2 template looks like:


Here is what it looks like on an iPhone:


I see (media="screen") in firebug but I don't know how to add maybe (media="handheld") or whatever it takes to control the css for the smartphones.

Hi Jeff,

Thats all done in the css/mediaqueries file.

If you open that up you will see rules like this:

@media only screen and (max-width: 840px)
{

}

Any css in that block will target devices up to 840px wide. So it's just a matter of editing that file and adjusting accordingly.

Thanks Anthony