Responsive Design and Joomlashack Templates

Responsive Design and Joomlashack Templates

A few years ago we wrote the Ultimate Mobile Joomla Guide. We discussed two different techniques for making your Joomla site ready for mobile phones. Both of those techniques worked by showing one template to desktops and another to mobile devices.

Since that post, a third option has emerged: responsive design. Responsive design means that your one and the only template is flexible enough to look good on any device.

In this blog post, we'll show you how two of the mobile-ready Joomlashack templates look on some mobile devices.


Template #1. Flow

Purpose: A Joomla Template for a business landing page.

  • On iPhone:

Flow Joomla template on ios iPhone 6 8.3 portrait

  • On iPad Mini 2:

Flow Joomla template on ios iPad Mini 2 8.3 portrait

  • On iPad Air:

Flow Joomla template on ios iPad Air 8.3 portrait


Template #2. Wylia

Purpose: A Joomla Template integrated with the HikaShop Joomla extension for an e-commerce site.

  • On iPhone:

Wylia Joomla template on  ios iPhone 6 8.3 portrait

 

  • On iPad Mini 2:

Wylia Joomla template on ios iPad Mini 2 8.3 portrait

  • On iPad Air:

Wylia Joomla template on  ios iPad Air 8.3 portrait


What's Next?

Save $1000's when you sign up to the Everything Club today! You' ll get access to all our extensions, templates, and Joomla training.