After template installation and choosing it to the default template, click on the template's name in the template manager to set the parameters shown below.

The template uses a 12-column grid, so the Logo width, the Right column width, and the Left column width are the number of columns in the 12 column grid. You may have to play with these settings. Always check how the site looks when you decrease the browser window size, because the template is responsive, and the look of the site changes with the browser (or display) size.

For tablet devices you can choose between the mobile topmenu and the horizontal dropdown topmenu. The latter may not be handled well on some tablet devices. But the horizontal menu can also be good for tablets if there are no submenu items.

The social and search icons will be displayed only if you type some URL for their parameters. You have to set up a search page, and put its URL to the search page parameter to have a search icon. To make a search page, create a new hidden menu, that has no published module, then create a new search menu item, save it, and copy its alias to the end of the site URL to see the search page.

 

 

Custom HTML module8

This is the 1st module in module position user2. 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.

Custom HTML module9

This is the 2nd module in module position user2. 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.

Custom HTML module10

This is the 3rd module in module position user2. 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.

Custom HTML module11

This is the 1st module in module position user7. Its width is set by the "Bootstrap size" parameter in the module settings.

Joomla template by a4joomla