To ensure that you have the best experience, we use cookies on our website for technical, analytical and marketing purposes. By continuing to browse our site, you are agreeing to our use of cookies.

These tutorials are aimed to help you make the most of our templates and extensions in a short time, so the docs page covers basic topics such as setting up the main navigation or using the template settings.

How to set up the main navigation of the template

Assign your main navigation menu module to the nav module position which is a special module position designed to be used only for the main navigation:

FavThemes tutorial for the main navigation module positions

Make sure the nav-pills Module Class Suffix is inserted in the Advanced Settings tab of the module:

FavThemes tutorial for the main navigation navpills

Being responsive, the main navigation adjusts to desktop, tablet and mobile with 3 different layouts. The tablet layout for the main navigation stacks the logo and main navigation on top of each other. The mobile layout for the main navigation uses Bootstrap's collapsing navbar and has both a dark and a light version:

FavThemes tutorial for the main navigation mobile menu

How to use the visible/hidden Bootstrap classes

Use the Bootstrap classes named visible and hidden to hide/show different modules for desktop, tablet or mobile. These responsive utility classes are:

FavThemes tutorial for Bootstrap visible and hidden responsive utility classes

The screenshot is taken from the Bootstrap 2.3 official documentation, so please see the original source for the responsive utility classes documentation. Bootstrap 2.3 is the version that comes packed by default with Joomla! 3.x.

To use the visible and hidden classes, insert the name of the class inside the Module Class Suffix field inside the Advanced settings of the module:

FavThemes tutorial for Bootstrap visible and hidden classes inside the module settings

For these classes to work, you need to insert a space before the name of the class (by pressing the spacebar key from your keyboard).

How to use the pull-left/pull-right Bootstrap classes

Use the Bootstrap classes named pull-left and pull-right to position horizontally 2 or more modules using the same module position.
To use them, insert the name of the class inside the Module Class Suffix field inside the Advanced settings of the module:

FavThemes tutorial for Bootstrap pull-left and pull-right classes inside the module settings

For these classes to work, you need to insert a space before the name of the class (by pressing the spacebar key from your keyboard).
For the classes to work, don't use both of them at the same time for the same module, use either pull-left or pull-right.

Il Residence Hotel La Taverna si trova a poce centinaie di metri dalla spiaggia di Grotticelle - Capo Vaticano una delle più incantevoli spiagge della Calabria e d'Italia.

La spiaggia di sabbia bianchissima è composta da 3 baie divise da scogliere di granito.

Iscriviti per ricevere le nostre offerte speciali