Your Guide to Using the Hadron (Gantry 4 Edition) Template for Joomla
Hadron, is a contemporary and flat design approach with rich animations. The flat visuals are the central design feature of the template, providing a modern, corporate approach to template construction.
The template is built with the Gantry 4 Framework, which provides many features such as an advanced administrator, alongside other features such as integrated RokSprocket styling and a Dropdown CSS menu system.
NOTE: Gantry v4.1.35 is required for Hadron to work correctly. For more details on the Gantry Framework, please visit its dedicated website.
Hadron's responsive grid system is designed for desktop, tablet and smartphone systems, each with minor modifications to ensure compatibility in each mode.
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 |
Hadron uses Chart.js and HTML5 canvas to display beautiful graphs and exquisite typography. This only works on modern browsers like IE9+.