Module positions

Module in user1 position

This is a module in user1 module position. Its width is set by the "Bootstrap size" parameter in the module settings. This setting is the number of columns in the 12-column grid. You can set a title for the module position in the template parameters, a background image, the color of the background, text, heading, and links. You can place this module position above or below the joomla content area. There are 10 such module positions: user1-...user10, plus a similar upper-footer position.

Module 2 in Inner1 position

This is the 2nd module in module position inner1. Its width is set by the "Bootstrap size" parameter in the module settings. This setting is the number of columns in the 12-column grid.

Module 1 in Inner1 position

This is the 1st module in module position inner1. Its width is set by the "Bootstrap size" parameter in the module settings. This setting is the number of columns in the 12-column grid.

Top menu (dropdown menu) settings:

In position-1 you can setup a dropdown menu, just remove everything from the "Menu class" and "Module class" of this module in the module manager, set Layout: Default, Module Tag: div! Also set the "Show submenu items" to "Yes"! 

Topbar horizontal menu (dropdown menu)

In position-13 you can also setup a horizontal menu, just remove everything from the "Menu class" and "Module class" of this module in the module manager, set Layout: Default, Module Tag: div! There are also settings of the topbar in the template parameters.

Side menu style

If you want a side menu that looks like the menu on the left, set the "Module class suffix" to _menu and remove everything from the "Menu class suffix", set Layout: Default, Module Tag: Div!

user1...user10 positions

You can set a title for these module position in the template parameters, a background image, the color of the background, text, heading, and links. You can place this module position above or below the joomla content area. 

Some of the module positions:

Module positions not shown above:

position-6 (right sidebar), user4...user10, inner1 (just above the joomla articles), inner2 (just below the joomla articles), slideshow (for a 3rd party slideshow module)

Mobile

This template is responsive, so it adapts to the size of the mobile device. You can also see this on a desktop computer when you decrease the size of your browser. But it's worth hiding some of the modules on mobiles, because the order of the content of the website corresponds to the order of that in the source code. For this purpose you can use some css classes for the modules in the "Module class suffix". You can find the css classes for hiding modules here. You can hide modules on different display sizes: xs=extra small, sm=small, md=middle, lg=large, xl=extra large, xxl=the largest.

Module 1 in Inner2 position

This is the 1st module in module position inner2. Its width is set by the "Bootstrap size" parameter in the module settings. This setting is the number of columns in the 12-column grid.

Module 2 in Inner2 position

This is the 2nd module in module position inner2. Its width is set by the "Bootstrap size" parameter in the module settings. This setting is the number of columns in the 12-column grid.

Banners

Some text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Joomla template by a4joomla