Hello,

When dealing with CSS and designing for computers and mobile devices, html can have the media type of screen, handheld, print, ...etc built into the <link> code.
When using themes it doesn't seem to have an option for this. Does anyone know how to do this for themes? Or should it all be designed in one .css file using flex and @media?

Thanks!

Hi there,

The themes feature predates the wave of mobile improvements and thus there's no built-in support to handle this cleanly.

You can indeed include your mobile code in @media blocks. As an alternative, you can have a separate file in your them for this; it will be included in the same way but it gives you a cleaner way to manage your files during development.

As a final alternative, you could create a separate theme for mobile devices.

Hope this helps,

Imar

__________________
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Follow me on Twitter

Author of Beginning ASP.NET 4.5 : in C# and VB, Beginning ASP.NET Web Pages with WebMatrix
and Beginning ASP.NET 4 : in C# and VB.
Did this post help you? Click the button below this post to show your appreciation!