Template Details

On top of this page, you can see live demonstration of Main Menu with icons and rich text. Icon Arrow Up

Main Menu is very powerful menu built with clean accessible XHTML code structure and effective drop-down submenu panels.

Main Menu Icons

Main Menu Icons

You can attach any of 20 predefined icons to menu items to make them more appealing.

Main Menu Icons Settings

To set up icons, you need to go to menu item settings and add symbol combination jsn-icon-xxx to menu items parameter Link CSS Style, where xxx is the icon name.


Main Menu Rich Text

Main Menu Rich Text

You can add descriptive text to menu items to make them much clearer.

Main Menu Rich Text Settings

To set up descriptive text, you need to go to menu item settings and add descriptive text to menu items parameter Link Title Attribute.


Main Menu Icons and Rich Text in combination

Main Menu Rich Text combined with Icons

You can set up menu items to utilize both icons and rich text in combination. Take a look at main menu on this page to see live demonstration.

Here you can see how content are presented only in main content area. Sometimes, you will need a lot of space to present content and that how it will looks like.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce suscipit dui eu augue faucibus non interdum odio elementum. Praesent faucibus lorem sed massa condimentum in semper lacus aliquet. Aliquam viverra erat a libero accumsan a egestas lorem hendrerit. Donec id elit dolor. Phasellus est ligula, hendrerit id vehicula sit amet, placerat ut diam. Sed eu fringilla lectus. Aliquam augue lorem, suscipit eu consequat vel, viverra id diam. Praesent lectus elit, interdum a imperdiet vitae, cursus at velit.

See all module positions outline

This is pretty “old-fashioned” 3 columns layout with content presented at center. On side columns you can present modules with equal importance. The width of side columns can be adjusted conveniently via template parameters.

See all module positions outline

This is 3 columns layout with content presented on the right side, which is typical for blog sites. On left side columns you can present modules with sumplementary information for main content. The width of side columns can be adjusted conveniently via template parameters.

See all module positions outline

This is also 3 columns layout with content presented at center, but the right side column was designed to present content of secondary importance comparing to those in left side column. On side columns you can present modules with equal importance. The width of side columns can be adjusted conveniently via template parameters.

See all module positions outline