Collective is a responsive theme with a clean and modern metro design. (See a demo.)
Features:
Responsive theme: Design automatically adjusts and optimizes to fit the size of your screen (iPhone/iPad/Desktop ready).
Inline sign in flow
Off canvas nav when viewing the theme on a mobile device
Customizable icons
include page excerpts on homepage
Staged donations
Widget that links to the public bios of recent supporters of your nation
General Guidelines:
Since the logo overlaps the navigation bar background, it should be prepared in a transparent PNG format.
The images you upload to your Featured Content Sliders and headers are suggested to be at least 1024px wide, with an aspect ratio of around 3:1 (for a 1024px wide image, the height should be around 340px). Make sure all your images are the same dimensions.
The top navigation will change to an off canvas nav when viewing Collective on a mobile device such as an iPhone or iPad. Tap the icon with three lines to the left of your site name or site logo to activate the menu.
You can override icons by first cloning Collective, and then editing the
_icons.scss
file. Icons are displayed via a span class. To change the icon, simply change the properties of those classes.If both a header image and a Featured Content Slider are enabled, only the Featured Content Slider will be displayed.
To enhance the readability of text-heavy pages, such as petition, press release, feedback, endorsement, blog post, moneybomb, and rules pages, the page width is automatically narrowed to optimize for the ideal number of characters per line.
If their sidebars are disabled, blog and FAQ pages will arrange blog posts and QA pages, respectively, in a tiled format.
If a site background image is used, it should be 1366px wide by 768px high or larger.
Navigation bar sizing, blog/FAQ page tiling, and other dynamic features are driven by the
collective.js
script in the Files tab of your theme.To split the default single address field into separate fields, use the instructions provided this article.