Signal Dark includes 9 ready-made menu styles. Apply any style by adding its class name to a module's Module Class and Menu Class Suffix fields. Every style below is a live demo.
Left Sidebar Demo
See the grouped menu style in a sidebar-left layout with navigation, login, and content modules.
Right Sidebar Demo
The default sidebar position with stacked modules — navigation, login, archive, categories, and popular articles.
Default sidebar style
taid-menu-grouped
The flagship menu style. Grouped sections with violet heading labels, indented links with left-border active indicator, and separator support. Use it for any sidebar or vertical navigation — it handles heading items, separators, and nested groups beautifully. Recommended as your default sidebar menu.
Horizontal styles
taid-menu-pills
Frosted glass capsules with gradient glow on hover. Active items get a violet-to-purple gradient fill.
taid-menu-underline
Dark bar with animated underline indicators. Active items glow from below. Clean tab-switching feel.
taid-menu-tags
Terminal-style mono tags with # prefix and cyan accents. Each tag glows on hover.
Vertical styles
taid-menu-cards
Elevated floating cards with shadow and gradient left accent. Items lift and slide on hover.
taid-menu-bordered
Bordered container with animated dot bullets that grow and glow on hover.
taid-menu-sidebar
Left rail navigator with glowing pip. Active items cast a violet glow along the rail.
taid-menu-dots
Connected timeline with vertical line and pulsing dots. Beautiful for step-by-step navigation.
taid-menu-grid
Two-column card grid. Compact centered buttons with gradient active state.
How to use
Module Class field
Open any mod_menu → Advanced tab → add the class name to both Module Class and Menu Class Suffix.
Positions
Use sidebar-left or sidebar-right for vertical styles. Horizontal styles work in main-top, main-bottom, or via {loadmoduleid}.
Live demos — all 9 styles
Each box below is a live module rendering a real Joomla menu. The label shows the CSS class to use.