Mobile devices are a must-have today. All of us are using them. Depending of the situation, we are browsing the websites on big monitors in our offices, on smaller monitors on our home laptops or tablets, and even on our smartphones when we are away from home. Non-responsive websites usually look good and give the best user experience on bigger screens. On the other hand, there are websites optimized for mobile devices and they usually look bad on monitors. One approach is to create and maintain two websites, one for desktops and one for mobile devices. However, web masters of such websites need to spend more time in maintenance of two separate web sites.
The best solution is at the same time the most complex for development. It gives flawless user experience on all screen sizes while the web master maintain only one site. The responsive Joomla template is able to "respond" correctly depending of the visitor's screen resolution. The same content will be shown on all devices, but layout would be changed according to the screen resolution for the best user experience.
There are many solutions today that makes responsive designs possible. Some of the most popular are incorporated in the Hot Responsive Joomla Template. The first is jQuery Masonry which makes boxes from Joomla and K2 articles and "build" output on screen depending of available screen space. The second is jQuery Infinite Scroller which prevents loading of all articles at once. It loads articles set by set and therefore prevents and prevents showing too many articles on screen. The last but not least is jQuery Mobile, a framework which optimize especially interactive elements on website and make them easily accessible for users with touch screens.
This template is pretty different from everything we made so far. Therefore, you would need to invest some time to learn how it works and what options are available to you. For this purpose, we created several pages that explain specific functions of this template. Please read the documentations pages on the template demo to get better idea how Hot Responsive works.