Digital Marketing SCRM » How to design a mobile website in Joomla

Home > Performance Marketing > How to design a mobile website in Joomla

How to design a mobile website in Joomla

December 8th, 2011

One of the most common questions I get from my Joomla training students now is: “how do I make my Joomla site ready for mobile phones?”

There are two different paths to do this and the choice depends largely on whether you have a template or not.

1) Template Frameworks: If you’re looking for a template, choose one of the designers whose templates automatically adjust for mobile browsers. Click to visit this section. But there are many out there. Just “google Mobile Joomla templates.”

2) Template plus plugin: If you already have a template, there are systems that will provide both the mobile template and a plugin to detect when someone is visiting from a mobile phone.
Here is a guide to the different ways to make your site mobile and at the end we’ll show you how to manage and update your site from your phone.

Template Framework: Rocket Theme. and the Gantry Framework

Site: http://rockettheme.com
Framework: http://gantry-framework.org
Sample site for your phone: http://demo.rockettheme.com/sep10/features/gantry-features
Price: The framework is free to download. Fully designed templates cost $50 and up
Screenshots and video:

Template Framework: Joomlart and the T3 Framework

Site: http://joomlart.com
Framework: http://wiki.joomlart.com/wiki/JA_Template_Framework/Overview
Sample site for your phone: http://templates.joomlart.com/ja_rave/
Price: The framework is free to download. Fully designed templates cost $59 and up.
Screenshots and video:

Template Framework: Joomla Junkie and the Morph Framework

Site: http://joomlajunkie.com
Framework: http://www.prothemer.com/morph/
Sample site for your phone: http://www.joomlajunkie.com/demo/themelets/explorer/
Price: The framework part of the JoomlaJunkie.com membership package starting at $49
Screenshots and video::