Using a media query to change templates

Permalink
I am trying to figure out the best way to modify my Concrete5 site to deal with mobile. The site is using a responsive theme from Hostco that works great on every page except the photo gallery. The gallery page, which includes a map and thumb nails, is way to complicated for a mobile brower.

I would like use a media query to determine what template is selected for the photo gallery. I.e. for desktop and tablet browers I will continue to offer the template that includes the map. For mobile browers I would substitute a template with a simple photo gallery. The controller logic would also be conditional on the media query -- ie. I would not need to go through the logic to setup google maps, etc for mobile users.

Can anyone point me in the right direction? I have searched the forums and not seen anyone dealing with this type of problem.

Thank you.

 
Steevb replied on at Permalink Reply
Steevb
I presume you're C5.6?

Is the gallery part of the theme or an add-on?
dgreer replied on at Permalink Reply
Sorry -- I am using concrete 5.6
The gallery is custom built using jquery
Steevb replied on at Permalink Reply
Steevb
URL would be good to see what you are using for the gallery.
dgreer replied on at Permalink Reply
Here is an example of one of the photo galleries.

http://www.hikingwalking.com/destinations/co/co_sw/ouray/blue_lakes...

For mobile phone apps I want to be able to do a media query and just use a simple photo gallery without the map.

Diane