The Spirit Company -
Template Details
Main Menu
On top of this page, you can see live demonstration of Main Menu with icons and rich text. 
Main Menu is very powerful menu built with clean accessible XHTML code structure and effective drop-down submenu panels.
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
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
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.
Main content only
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.
Responsive Layout
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
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 layout overview on iPad
Optimized HTML overrides for mobile
Article presentation (com_content)
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
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 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.
