Your Guide to Using the Leviathan Template for Joomla
Leviathan, the January 2013 template release, is a visually enriched design with stunning graphics, contrasts and tones. Its sidebar adds focus and boldness, that complements and contrasts with the mainbody area to great effect.
The core of the template is based on the Gantry Framework, which provides a plethora of standardized features and functions. Also included is support for extensions such as RokSprocket.
NOTICE: Leviathan is a Joomla 3.x Template.
NOTE: Gantry v4.1.10+ is required for Leviathan to work correctly. For more details on the Gantry Framework, please visit its dedicated website.
Leviathan's responsive grid system is designed for desktop, tablet and smartphone systems, each with minor modifications to ensure compatibility in each mode.
We use the responsive layout based on Twitter's Bootstrap Framework, with its collection of utility classes, to provide a great degree of flexibility for a responsive design.
The table below shows the breakdown of screen resolutions and associated devices, and which layout characters are then applied to each.
|Label||Description||Layout Width||Column Width|
|Smartphones||Standard smartphones||480px and below||100% fluid|
|Smartphones to Tablets||Larger smartphones and small tablets||767px and below||100% fluid|
|Tablets||Larger tablets||768px and above||64px|
|Desktop||Standard desktops and laptops||960px and above||80px|
|Large Display||Large desktops and high-resolution laptops||1200px and above||100px|
Leviathan comes with the RokSprocket extension that are built to work with a responsive layout and support mobile touch events, such as 'swipe'.
For mobile devices, a basic version of the Dropdown Menu will be used. It is activated by a custom menu icon in the top left of the screen. It will either be a tree view or select box menu, as configurable. All other sizes will use the menu's full version.
K2 is the popular powerful content extension for Joomla! with CCK-like features. Leviathan also comes with the K2 extension that is built to work with the responsive layout.