Jx Footer Menu
New n
Introduction
Create a modern, app-like sticky footer menu that enhances navigation and user experience on any Joomla website!
The JX Sticky Footer module is a powerful and flexible solution for adding a professional sticky footer navigation menu to your Joomla 4, 5, or 6 website. Designed with mobile-first principles, it provides an app-like experience that keeps navigation accessible at all times while maintaining full customization capabilities.
Key Features
Multiple Style Presets
- 10+ Pre-Designed Styles: Choose from Material Design, iOS Style, Dark Mode, Gradient, Rounded, Minimal, Colorful, Glass Effect, Outline, and Floating styles. Each preset provides a unique look and feel while maintaining full responsiveness.
- Preset Override Option: Enable or disable custom settings to override preset styles, giving you complete control over the final appearance.
Flexible Icon System
- Font Awesome Integration: Built-in icon picker makes it easy to select from thousands of Font Awesome icons for your menu items.
- Custom Image Icons: Upload and use your own custom images as icons for a truly personalized look.
- Icon Size Control: Adjust icon sizes with small, medium, or large options to match your design needs.
Responsive Display Formats
- Multiple Layout Options: Configure how icons and text appear with options for stacked (icon above text), inline (icon beside text), icons only, or text only.
- Device-Specific Formats: Set different display formats independently for desktop, tablet, and mobile devices for optimal user experience on each device type.
- Custom Breakpoints: Define your own breakpoints for desktop, tablet, and mobile views to match your site's responsive design.
Device Visibility Control
- Show or Hide by Device: Complete control over which devices display your footer menu. Show or hide the menu on desktop, tablet, or mobile devices independently.
- Custom Breakpoint Settings: Fine-tune breakpoints for each device type to ensure perfect display across all screen sizes.
Typography Customization
- Multiple Font Sources: Choose from template inherited fonts, system font stacks, or Google Fonts integration.
- Google Fonts Support: Easily integrate any Google Font with custom weights for perfect typography that matches your site design.
- Font Weight Control: Set font weights for regular and active menu items independently for better visual hierarchy.
Advanced Styling Options
- Complete Color Control: Customize background color, text color, active color, and hover background color for complete design flexibility.
- Size Customization: Adjust menu height, icon sizes, and text sizes to match your design requirements.
- Border and Shadow Options: Enable or disable dividers between menu items and add box shadows for depth and dimension.
- Z-Index Control: Set the stacking order of the footer menu to ensure it appears above or below other elements as needed.
Smart Behavior Features
- Scroll Behavior: Option to hide the menu when scrolling down for better content visibility and show it again when scrolling up, providing more screen space while ensuring navigation is always accessible.
- Active Item Detection: Automatically highlights the current page in the menu for better user orientation. The active state is fully customizable with options for color and font weight.
Performance & Compatibility
- Joomla 4, 5 & 6 Compatible: Fully supports the latest Joomla versions, ensuring long-term compatibility and seamless upgrades.
- Modern PHP 8.0+ Support: Built with modern PHP standards for better performance and security.
- Template Compatibility: Works seamlessly with all major Joomla template frameworks including Helix, T3, Yoo, Gantry, Wrap, and more without requiring template modifications.
- WebAssetManager Integration: Uses modern Joomla asset management for optimal performance and compatibility.
Complete Customization
- No Hardcoded Values: Every aspect of the menu is configurable from the backend, including colors, fonts, sizes, spacing, borders, shadows, transitions, and more.
- Intuitive Backend Interface: Well-organized parameter tabs (Menu Items, Style & Appearance, Typography, Responsive & Behavior) make configuration simple and efficient.
- Module Class Suffix: Add custom CSS classes for additional styling flexibility.
Use Cases
- Mobile Navigation: Provide easy access to key pages on mobile devices with a thumb-friendly footer menu.
- App-Like Experience: Create an app-like navigation experience that keeps important links always accessible.
- E-Commerce Sites: Quick access to Home, Categories, Cart, Account, and Search from any page.
- Blog Navigation: Easy access to Home, Categories, About, Contact, and Search.
- Portfolio Sites: Quick navigation to Portfolio, Services, About, and Contact sections.
- Business Websites: Fast access to key pages like Home, Services, About, Contact, and Blog.
- Multi-Language Sites: Quick language switcher and navigation access.
Technical Specifications
- Joomla Compatibility: Joomla 4.x, Joomla 5.x, Joomla 6.x
- PHP Compatibility: PHP 8.0 or higher
- Dependencies: Font Awesome 5.15.4 (loaded via CDN), Google Fonts (optional)
- Frontend: HTML, CSS, JavaScript (vanilla JS, no jQuery dependency)
- License: GNU/GPL v2 or later
Installation & Setup
- Download: Obtain the module package from JoomlaX.
- Install: Go to
System > Install > Extensionsin your Joomla backend and upload themod_jxstickyfooter.zipfile. - Enable: Navigate to
Content > Site Modules, create a new module, select "JX Footer Menu" as the module type, and enable it. - Configure: Adjust settings in the module parameters across four organized tabs:
- Menu Items: Add up to 5 menu items with labels, URLs, icons, and link targets.
- Style & Appearance: Choose preset styles, colors, sizes, borders, shadows, and more.
- Typography: Configure fonts, font sources, and font weights.
- Responsive & Behavior: Set display formats, device visibility, breakpoints, and scroll behavior.
- Position: Assign the module to a position (typically "footer" or a custom position) and set it to display on all pages or specific menu items.
Support & Documentation
- Documentation: Visit https://joomlax.com/documentation/jx-sticky-footer for detailed guides.
- Support Forum: Get assistance at https://support.joomlax.com.
- More Extensions: Explore our full range of Joomla extensions at https://www.joomlax.com.
Why Choose JX Sticky Footer?
Complete Flexibility - Every aspect of the menu is configurable from the backend with no hardcoded CSS values, giving you complete design freedom.
Mobile-First Design - Built with mobile users in mind, the menu automatically adapts to any screen size with device-specific display options.
Professional Appearance - 10+ pre-designed style presets provide instant professional looks, while extensive customization options allow for unlimited design possibilities.
Easy to Use - Intuitive backend interface with organized parameter tabs makes configuration simple, even for non-technical users.
Future-Proof - Compatible with Joomla 4, 5, and 6, ensuring your menu remains functional and secure through Joomla upgrades.
Template Independent - Works seamlessly with any Joomla template without requiring modifications or custom code.
Perfect for businesses, bloggers, e-commerce sites, portfolios, and anyone who wants to provide easy navigation access while maintaining a modern, professional appearance.
Jx Footer Menu
- Version:
- 1.1
- Developer:
- Infyways Solutions
- Last updated:
-
Nov 26 2025
10 hours ago - Date added:
- Nov 22 2025
- License:
- GPLv2 or later
- Type:
- Paid download
- Includes:
- m
- Compatibility:
- J4 J5 J6
Share