The Eclipse theme has several unique features. The split navigation that divides itself on either side of the site name or logo. In the Stacks area of your dashboard you will also find a place for your site name as well and another area, "Header Logo Image", for your logo artwork. Note that this area will only be available in the Stacks area if you have checked the option: "Use Self Masking Logo". Your site logo, if used instead of your site name, will be limited to 110px wide. This is necessary due to the spacing of the navigation it on either side.

Likewise, your site name, if too long, will violate the navigation items space on the sides. This will be more or less critical as the number of navigation items increases.

You may have between 2 and 8 top level navigation items (pages) in your nav bar. Depending on how many you choose to have you will have to set that number in dashboard control panel under the Eclipse theme settings. Here you can also set the fitvids option and whether your site uses your site name or your logo.

Home Page Type

This is the same as Full page type but with less space below the nav bar for using an image block to lead. It just looks better when using a custom image template.

Custom Image Templates

Eclipse Square - This template will mask your image with a square vignette.

Eclipse Vignette - This uses a circular mask that will stretch to the size of your image. In other words it will only be circular on a square image. Other shapes will be more or less elliptical.

Content Template

Eclipse Leader - This block will take a short sentence and place it over an image that is above it. This template must be below the image, not above.

Subnavigation Options

Each page has an attribute to show subnav navigation. checking this box activates a subnav above the main area on each page it is activated on. See the image for an example. On smaller sites you can use this instead of the dropdowns of the main menu to allow navigation to your entire site structure.

Main Navigation

This theme does not force you to use a mobile menu. However it is designed so that your setup should include choosing a custom template for your main nav if you are using dropdown menus. Choose the template "Mobile Friendly" from the options available.

Setting up the theme

After you have put the content in your site via the Add a Page option, you have to determine how many pages you have that are children of the home page. This number of menu pages cannot exceed 8 and retain coherence. This is due to the theme structure which forces the width of the navigation items for spacing concerns.

Count the pages as shown. Assuming the home page will be in the menu area too (it is by default) add one. On this site we have 4 pages in the menu bar so going to the dashboard theme control panel set the Menu Items to the number of pages that will be displayed. this sets the css to the correct code to handle the rest.