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.

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.

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

All JoomlaShine templates are responsive. They work normally on all modern mobile devices such as iPhone, Android and Windows mobile-based.

Mobile layout overview on iPhone

Mobile layout overview

Mobile layout overview

Both of the above screenshots are taken from iPhone 4S, but the mobile edition works well in all modern large screen devices based on Android and Windows mobile as well.

Mobile layout overview on iPad

Mobile Ipad layout overview

Mobile layout overview on iPad


Optimized HTML overrides for mobile

Article presentation (com_content)

Article presentation (com_content)

News feeds presentation (com_newsfeeds)

News feeds presentation (com_newsfeeds)

We optimized HTML overrides for all default Joomla! extensions to make them look neat in mobile edition. The work is mainly focused on rearrangement content from columns to rows.


Optimized menu for mobile

We have built very simple, yet effective menu system, where all children menu items are presented as tree in collapsible panel. This menu system utilizes only little Javascript (MooTool) for expanding/collapsing submenu panels and is very fast and lightweight.

Special designed mobile menu system

Special designed mobile menu system

Children menu items are presented as tree

Children menu items are presented as tree

Mobile Menu with icons and rich text

The most amazing thing is mobile menu inherits all the goodies of regular menu like icons and rich text.

Mobile menu with icons applied

Mobile menu with icons applied

Mobile menu with rich text

Mobile menu with rich text

The responsive feature is enabled on live demo. You can check this by resizing the demo to the desired size and see how it presents on mobile devices.

Go to top