ULTRAKIT · WIDGET #104

A complete header: logo, a multi-column mega menu with icons, descriptions, a promo card and a footer strip, tabbed mega panels, simple dropdowns and a button. Hover “Product”, “Solutions” or “Resources”.

“Nimbus” is a fictional product — the links in this demo menu are placeholders.

ONLINE STORE · FULL-WIDTH MEGA

A full-screen-width “Shop” panel with category columns, a product promo and a delivery note — underline indicator, light panel with a color top edge.

full width4 columnspromo cardfooter striptabsbadges

“Northloop” is a fictional shop.

FROM APPEARANCE → MENUS

This bar is built from a real WordPress menu (“UltraKit Demo · Mega Menu”). Items with a second level that has children become mega columns; menu descriptions show under links; a CSS class like mmx-icon-rocket adds an icon; the Title Attribute becomes a badge. These links go to real UltraKit demos.

WordPress menuauto columnsdescriptionsiconsbadges
SKINS × ANIMATIONS

Plain, boxed, pill, glass, dark, gradient and minimal bars; fade, slide, drop, scale, 3D flip, blur and curtain-reveal panels; three link styles; hover or click.

darkgradientminimalpillflipscalerevealblurclick to open
Dark bar · 3D flip panels · dark panelHover “Explore” or “Services”.
Gradient bar · scale · glass panelHover “Explore” or “Services”.
Minimal line · curtain reveal · simple linksHover “Explore” or “Services”.
Floating pill · blur in · arrow links · click to openThis one opens on click — handy for touch-first sites.
VERTICAL · SHOP SIDEBAR

The same builder in a sidebar: panels open to the right. Great for electronics shops, docs and knowledge bases.

verticalfly-outpromo
Shop banner area
MOBILE · 3 STYLES

The menu switches by its own width (not just the screen), with accordion, drawer or full-screen styles. Mega columns stack, tabs become swipeable chips.

accordiondrawerfull screenkeyboard & Esc
Drop-down accordionOpens under the bar; sub-menus expand in place. Tap “Menu”.
Side drawerSlides in from the side with its own header and close button. Tap “Menu”.
Full-screen overlayBig, bold links over a dark background. Tap “Menu”.
BUILT IN

Everything you need for a proper site navigation.

columnstabsWP menuskeyboardmobile
🧱
Columns without templates
Type “## Column” and a link per line — icon, description and badge included.
🗂
Tabs, lists or templates
Tabbed mega panels, simple dropdowns, or any Elementor template in a panel.
📋
WordPress menus
Build the whole bar from Appearance → Menus — nested items become columns.
🎯
Hover intent
A short close delay forgives shaky mouse movement; click mode for touch.
⌨
Keyboard friendly
Arrow keys between items, Arrow Down opens, Esc closes and returns focus.
🖼
Promo & footer
Feature a product or article inside the panel, plus a footer strip with a link.
📱
Smart mobile
Accordion, drawer or full-screen, based on the menu’s own width.
🌗
Dim & indicators
Optional page dim behind mega panels; underline, pill or sliding highlight.

201 premium elements, Mega Menu Builder included.

Explore All Demos Browse All Widgets