Your Guide to Using the Kirigami Theme for WordPress
Kirigami, the March 2013 theme release, is the first responsive RocketTheme theme built with the Gantry 4 Framework. A responsive design adapts itself to a particular viewing environment such as desktop or mobile, without the need for separate layouts for varying platforms.
The next generation layout and structure compliments the beautiful and intricate design of the theme, in conjunction with its many features, such as Fusion with MegaMenu, and others based on the Gantry Framework.
NOTE: Gantry v4.1.15 is required for Kirigami to work correctly. For more details on the Gantry Framework, please visit its Dedicated Website.
Kirigami'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 what 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 |
Kirigami comes with the RokSprocket plugin that is built to work with a responsive layout and support mobile touch events, such as 'swipe'.