Skip to main content
Aware theme guidelines
Updated over 6 months ago

Aware is a responsive theme with a flat, versatile look. (See a demo.)

Features:

  • Responsive theme: Design automatically adjusts and optimizes to fit the size of screen (iPhone/iPad/Desktop ready). If you are creating a new theme, we strongly recommend you clone Aware to serve as the base of your theme.

  • Inline sign in flow

  • Off canvas nav when viewing the theme on a mobile device

  • Customizable icons

General Guidelines:

  • To prevent distortion, site logos should be 200px wide by 100px high.

  • The images you upload to your Featured Content Sliders should be 1026px wide and a height of 250px is suggested. Make sure all your images are exactly the same dimensions.

  • The top navigation will change to an off canvas nav when viewing Aware 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.

  • If a site background image is used, it should be 1366px wide by 768px high or larger.

  • Developers can override icons by first cloning Aware, 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.

  • To split the default single address field into separate fields, use the instructions provided this article.

Did this answer your question?