- Installing Neptune
- Custom theme settings
- Mobile friendly mini nav
- Web fonts
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.
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.
Two fonts are used: