Neptune

Last updated May 13, 2013. Created by laurence_m on March 18, 2013.
Log in to edit this page.

Neptune is a responsive, HTML5 based, Zen 7.x-5.x sub-theme.

-----

• Installing Neptune
• Custom theme settings
  • Max width
  • Display the default main menu
  • Use a multi-column layout (new in the dev release)
• Mobile friendly mini nav
• Web fonts

Installing Neptune

As Neptune is a Zen sub-theme you will need to have both Neptune and Zen in your site's 'themes' directory.

• Download both Neptune and Zen 7.x-5.x
• Unpack the theme folders ('neptune' and 'zen') and place them in your 'sites/all/themes' directory
• Log into your site and go to the 'Appearance' page (/admin/appearance) - both Zen and Neptune should be listed
• Click the 'Enable and set default' link for Neptune

Custom theme settings

Neptune provides three custom theme settings:

• Max width
• Display the default main menu
• Use a multi-column layout (new in the dev release)

You can find these settings on Neptune's settings page (/admin/appearance/settings/neptune), along with other theme settings provided by Zen.

Max width

The 'Max width' setting defines the maximum width of the site in pixels (px).

The default value is 750px.

Display the default main menu

The 'Display the default main menu' setting defines whether or not Drupal's default main menu will be displayed. If you're using a different method to display the main menu, e.g. the main menu block, you may want to uncheck this option.

The default value is checked.

Use a multi-column layout (new in the dev release)

By default Neptune uses a single column layout, with the sidebar(s) positioned beneath the main content area.

The dev version (7.x-1.x-dev) of Neptune includes basic multi-column support, with the option to switch from a single column layout to a two column layout (the columns being a main area and a right-hand sidebar).

To enable multi-column support check Neptune's 'Use a multi-column layout' theme setting.

The default value is unchecked.

Mobile friendly mini nav

Neptune implements a mobile friendly mini nav (at less than 768px).

The above image shows:

• the standard menu
• the mini nav (closed)
• the mini nav (open)

Note: if you're using a menu block instead of Drupal's default main menu, currently only menu blocks which are placed in Neptune's 'Navigation bar' region will be minified at mobile resolutions.

Web fonts

Neptune uses Google's WebFont Loader (a JavaScript library that gives fine grained control over font loading) to asynchronously load and display fonts.

Two fonts are used:

• Montserrat for H1 and H2 tags
• Istok Web for all other text