Your Guide to Using the Cygnet Theme for WordPress
Cygnet bridges the gap between corporate and hip! The theme features contemporary design elements and structures, whilst maintaining a subtle, corporate-esque overall appearance to maximize professionalism and visual intrigue.
NOTE: Gantry v4.1.2+ is required for Cygnet to work correctly. For more details on the Gantry Framework, please visit its Dedicated Website.
A responsive layout adapts automatically to the viewing device's width, such as mobile, tablet or desktop, without the need for a separate layout or content. Mobile modes have a unique menu to aid usability. 960px and 1200px fixed layout options are also available.
|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|
The animated elements that trigger as you scroll down the page are handled via classes applied to widgets. These classes are either included in the Custom Variations field or in-line in the content.
You can find a visual example as well as the class names of classes that are supported by Cygnet on the Animate.css project site.
The element that triggers this animation during scrolling is explained in greater detail in the WOW.js Documentation.