Your cart is empty

Menu in the Cassiopeia template

Current Quickstarts

joomla 4 quickstart packages
Various extensions can be selected!

Menu in the Cassiopeia template

Vertical menu in the right sidebar

After installing Joomla 4, the menu module is located on the module position "sidebar-right" of the Cassiopeia template. The menu items are displayed vertically.

cassiopeia menu sidebar

Horizontal menu

Often you want to display the menu horizontally. The module position "menu" is suitable for this. The following adjustments are necessary:

  • Go to the menu module in the backend: Content -> Site Modules: "Main Menu"
  • Assign the menu module to the module position "menu"!
  • Select the "Advanced" tab in the menu module!
  • Change the following settings:
    Layout: "Collapsible Dropdown" or "Dropdown" (previously: Default)
    Modul Tag: "nav" (previously: div)
  • Save the menu module!


The menu is now displayed horizontally. If this is not the case, please empty the Joomla and browser cache and refresh your page!

Notes:

Collapsible Dropdown (Cassiopeia):
The menu is shown with submenus. A "Hamburger menu" is displayed on mobile phones.

Dropdown (Cassiopeia):
The menu is shown with submenus. On mobile phones, the menu is displayed vertically.

There are other layout settings. See below "Different layouts for the menu module"!

cassiopeia menu horizontal

Different layouts for the menu module

You can choose between 4 different layouts for the menu module:

cassiopeia menu layouts

Collapsible Default Menu (Module):
The menu is shown without submenus. A "Hamburger menu" is displayed on mobile phones.

Default (Module):
The menu is shown without submenus. On mobile phones, the menu is displayed vertically.

Collapsible Dropdown (Cassiopeia):
The menu is shown with submenus. A "Hamburger menu" is displayed on mobile phones.

Dropdown (Cassiopeia):
The menu is shown with submenus. On mobile phones, the menu is displayed vertically.
 

Vertical menu in the footer

If you want to display a menu horizontally in the "footer" module position, assign the "footer" module position to the menu module and make the following settings in the "Advanced" tab:

  • Menu Class: menu-horizontal
  • Layout: Dropdown
  • Module Tag: nav

cassiopeia menu footer 500

Notes

All prices quoted in Euro include the statutory German VAT of currently 19%. The final price can change after entering the billing information, for example if the order is placed as a company. The prices refer to the creation of the Quickstart packages.
More

Joominator.de gehört nicht zu The Joomla! Project ™ und wird auch nicht durch dieses unterstützt. Die Verwendung des Joomla!® -Namens, -Symbols, -Logos und der zugehörigen Marken ist im Rahmen einer von Open Source Matters, Inc. gewährten beschränkten Lizenz gestattet.
Joominator.de is not affiliated with or endorsed by The Joomla! Project™. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.

Joomla Logo