How to override templates for mobile responsive design layout?


Active member

We are building a customized design upon an existing design, changing styles and custom css. Although it is working well with desktop version, when it comes to mobile version the functionality comes short and some templates like node list, forum list, thread list etc need to be trimmed down in the way data is displayed.

Although we could do a whole new style for it, we feel these are just particular changes to some templates and it would be overkill to create a whole new set of templates for it.

We have a php code that identifies the user agent being mobile or not. What is the best way to implement these overrides (having a global template variable setting if this is mobile view or not at each request ?) without creating a whole set of templates ?

Thank you