Floating Menu for Joomla menu is docked to the left side of the viewport and floats vertically, centered on the screen.

• The module anchors the menu to the left edge of the screen and ensures it stays vertically centered within the browser viewport.

• It maintains this position regardless of scrolling, using fixed or sticky positioning with modern CSS.

Features and Functionalities:

✅ Floating Vertical Menu

• The menu is docked to the left side of the viewport and floats vertically, centered on the screen.

• It remains fixed on scroll, improving accessibility and visibility across long pages.

✅ Collapsed by Default

• The menu initially shows only a small bar with:

  • A Font Awesome icon

  • The word "Menu"

• This minimal interface reduces distraction and visual clutter.

✅Click-to-Expand Behavior

• On click, the menu expands to reveal the full list of menu items.

• Clicking again collapses the menu.

• This replaces hover-based behavior, enhancing usability on touch devices.

✅ Dynamic Joomla Menu Integration

• The module fetches menu items dynamically using Joomla’s built-in menu system.

• The backend allows administrators to select any existing Joomla menu (Main Menu, Footer Menu, etc.).

Customization Features

✅Font Awesome Icon Support

• Admins can set any Font Awesome icon class (e.g., fa-bars, fa-list) in the module settings.

• The icon's color can also be customized using a color picker.

✅ Color Controls

• The module includes backend options for:

  • Icon color

  • Text color

  • Background color

• This allows easy theme alignment without touching CSS.

✅ Custom CSS Input

• Admins can add their own custom CSS directly in the module settings.

• Useful for fine-tuning styles such as padding, borders, hover states, and transitions.

Animation & UX Enhancements

✅ Smooth Width Transitions

• When expanding, the menu smoothly resizes its width using CSS transitions.

• Gives a polished, modern feel to the interaction.

✅ Shadow Animation

• Subtle box-shadow changes occur on expansion/collapse.

• Creates a visual "pop-out" effect and improves depth perception.

✅Slide-In Item Animation

• Each menu item slides in from the left and fades into view when the menu expands.

• Supports staggered delays for a cascading animation effect.

Submenu Support

✅ Nested Menus (Multilevel)

• Supports Joomla submenus, automatically displaying child items under their parents.

• Children are indented and styled differently to reflect hierarchy.

Extension Type : 

Module 

 Compatibility:

Joomla 5.x

Joomla 4.x

Joomla 3.x

Click here live Demo

 16 Downloaded