Skip to main content

Magic Menus

Turn a plain list of links into a ride. Magic Menus presents your menu as an elevator: every link is a floor, the lift really travels, and a click takes your visitor to the page. Built for YOOtheme Pro, no jQuery, works with mouse, touch and keyboard.

Hover previews, click follows

The default mode. Move your mouse over a floor button and the lift glides to that floor for a preview. Click and you actually travel to the page. Try it: this building is the real YOOzeCase site.

Click mode, with the lift on the left

Prefer a calmer menu? In click mode the lift only moves when a visitor clicks: the first click brings the lift to the floor, the second click follows the link. The elevator can sit on either side of the buttons.

Your brand colors

Every part of the scene picks up your own colors: walls, doors, frame, lamp and buttons. Give each floor its own interior color, or upload your own artwork per floor.

Transparent, at home on any background

Switch on transparent mode and the elevator shaft drops its own background, so the menu blends into dark sections, gradients or photo backgrounds.

Frequently asked questions

Magic Menus is a menu element for YOOtheme Pro that shows your links as an animated scene. The first theme is an elevator: each link is a floor, and the lift travels to the floor your visitor picks.

Yes. Magic Menus installs as a regular Joomla plugin and adds a new element to the YOOtheme Pro page builder. Drop it on any page, add your links as floors and you are done. No template changes needed.

On touch screens the first tap previews the floor and the second tap follows the link, so nobody travels by accident. The scene scales down gracefully and you can optionally show a plain button list on small screens.

Yes. Walls, doors, frame, lamp and buttons all take your brand colors, and every floor can have its own interior color or your own uploaded artwork.

The element is plain modern JavaScript, no jQuery. It works with mouse, touch and keyboard, respects reduced-motion settings, and its assets only load on pages that actually use the element.