JSN Metro provides 5 menu styles to present your website navigation. The default Joomla! built-in menu module (mod_mainmenu) is utilized, so you don't need to install any external menu modules.
Top Menu
Top Menu allows you to arrange menu items in horizontal line and assign icons to them. All icons are configured directly in menu item settings page which is very convenient.
Main Menu
Main Menu is very powerful menu built with clean accessible XHTML code structure and effective drop-down submenu panels.
Main Menu with icons and rich text
You can add icon and descriptive text to each menu item to make them much clearer and more appealing. Both descriptive text and icons are configured directly in menu item settings page, which is very convenient.
Side Menu
Side Menu is very unique vertical menu with slide-out panels. This menu is extremely efficient when you have complex navigation with a lot of menu items.
Tree Menu
Tree Menu represents menu items in clear tree-like hierarchy, which is very appropriate for indexing menu. By default all submenu items are collapsed until you select the parent menu item.
Div Menu
Div Menu is simple yet nice menu bar with items separated by slightly visible dashes. This menu is very suitable for footer navigation presentation.
Module Positions
JSN Metro provides 37+ module positions allowing you to have multiple layout configurations. All module positions are collapsible which means if you don't publish any modules in some positions it will not take any blank spaces leaving those for neighbor modules. Some positions are designed to arrange modules inside in horizontal layout which makes it very easy to reorder modules inside it.
Layout Configuration
JSN Metro allows you to change the width size for several critical layout elements. All settings can be done via template parameters in section LAYOUT SETTINGS.
Layout Variations
JSN Metro layout system is very flexible and capable. Module positions are designed in smart way to cover all possible spot where you might want to put content. Moreover, you can specify width of both overall layout and specific columns conveniently via template parameters. Bellow is live presentation of some most popular layout variations:
JSN Metro has incredibly beautiful clean design with ultra flexible layout built-up from 36+ module positions. The combination of 6 colors variation, 5 menu styles and 6 module styles results in a really remarkable website. In addition, super rich typography makes your content look stunning and clear for all users.
Layout
37+ module positions allowing you to have multiple layout configurations. All module positions are collapsible and can arrange modules in horizontal or vertical layout.
Menu Styles
5 menu styles to display your website navigation on multiple positions. The built-in menu module is utilized, so you don't need to install any external menu modules.
Module Styles
JSN Metro provides 6 background designs, which can be combined with 20 predefined icons for outstading module styling. Make your modules look good easily!
Font Face
JSN Metro provides 3 font face options for major website types. Each font face option is actually a combination of 2 font types: one for content text, another for heading text and main navigation text.
Special Font (powered by Google Font Directory)
To make your website content look even better, we included feature to load special fonts directly from Google Font Directory. We have carefully selected the most appropriate special font for each text style. Since this service is provided by Google, it's very reliable and fast.
Click on any screenshot to see LIVE demo of that font face. (reset to default)
"Business / Corporation" style with special font
"Personal / Blog" style with special font
"Online News / Magazine" style with special font
Font Size
JSN Metro provides 3 text size options for major website audience.
Click on any screenshot to see LIVE demo of that font size. (reset to default)
Small font size
Medium font size
Big font size
