Skip to content

This page demonstrates the sidebar-left module position. The grouped navigation menu sits on the left side of the content area — a common layout for documentation, dashboards, and multi-section sites.

How it works

Assign any module to the sidebar-left position and the template switches to a two-column grid automatically. No extra classes needed. The sidebar takes a fixed width and the content area fills the remaining space.

Automatic grid

The template detects when sidebar-left has content and activates the two-column layout. Remove all modules from the position and it reverts to full-width.

Works with sidebar-right

Both sidebars can be active at the same time for a three-column layout. Each position is independent — use one or both.

Mobile collapse

On screens below 992px, the sidebar stacks below the main content. No horizontal scroll, no overlapping elements.

Any module type

Navigation menus, login forms, custom HTML, article lists, tag clouds — anything Joomla can render as a module works in the sidebar position.

The grouped menu style

The sidebar on this page uses the taid-menu-grouped class. It renders heading items as section labels, regular items as indented links with a left-border active indicator, and separators as subtle dividers. Add the class to both Module Class and Menu Class Suffix in the module settings.

The AI Director

Enjoy Building Joomla Sites with AI

The most enjoyable way to build a Joomla site. Open it in VS Code → — describe what you want, Claude Code → reads the briefing, runs the stack, writes the code. You just keep the conversation going.

A new paradigm.

Built & designed by Weblio Sites from 9 900 NOK — built to outperform

This site was designed and built by Weblio — a Norwegian web agency specialising in fast, professional websites and AI-powered tools for businesses that want to move faster than their competition. Direct communication, honest pricing, no surprises.

Visit Weblio.no →