Introduction
JX Sticky Footer Menu is a Joomla module that adds an app-like sticky footer navigation menu to your website. Perfect for mobile-first designs, it provides easy access to key navigation options regardless of where users are on your page, enhancing the overall user experience with a modern, intuitive interface.
Installation
Downloading the Extension
Email: After purchasing the extension from our store, you will receive an email containing a link to download the extension.
Store: Alternatively, you can download the extension from the "Downloads" section in our store. If you are a new user, you need to create an account using the same email address you used for the purchase.
Click to download the extension package: JXStickyFooterMenu_UNZIP.zip
Unzipping the Package
Use any file unzipper tool or WinRAR to unzip the JXStickyFooterMenu_UNZIP.zip package. After unzipping, you will find the following contents:
- mod_jxstickyfooter.zip: This is the installation file compatible with Joomla 4.x and Joomla 5.x.
- ReadMe.txt: Contains vital information about the current version of the extension.
Installing the Extension
To install the extension, log in to the backend of your Joomla website.
- For Joomla 4 & 5: Navigate to Extensions > Install, then click on the "Upload Package File" tab. Click "Browse" to select the installation file (
mod_jxstickyfooter.zip), then click "Upload and Install."
A success message will be displayed once the installation is complete.
Configuration
After installation, access the module settings by navigating to Extensions > Modules and find JX Sticky Footer Menu in the list. Click on it to configure the module according to your requirements.
Basic Settings
The module provides comprehensive configuration options:
- Menu Items: Add up to 5 menu items with labels, links, and icons
- Icon Types: Choose between Font Awesome icons or custom images
- Target Options: Open links in the same window or a new tab
Appearance Settings
- Preset Styles: Choose from 10+ predefined styles including Material Design, iOS Style, Dark Mode, etc.
- Display Format: Configure how icons and text appear (stacked, inline, icons only, text only)
- Colors: Customize background, text, and active item colors
- Fonts: Select from template inherited, system, or Google fonts
- Icon & Text Size: Adjust the size of icons and text labels
- Visual Options: Add dividers between items, enable box shadows
Advanced Settings
- Device Visibility: Hide the menu on desktop, tablet, or mobile devices
- Breakpoints: Define custom breakpoints for device detection
- Scroll Behavior: Hide the menu when scrolling down for better content visibility
Module Assignment
Select the pages where you want the sticky footer menu to appear. You can choose to display it on all pages or specific pages of your website.
Features
- App-like Navigation: Creates a modern, mobile-app style navigation interface that stays fixed at the bottom of the screen.
- Multiple Style Presets: Choose from 10+ pre-designed styles including Material Design, iOS Style, Dark Mode, and more.
- Fully Responsive: Automatically adapts to desktop, tablet, and mobile devices with custom breakpoints.
- Device Visibility Control: Show or hide the menu on specific device types (desktop, tablet, mobile).
- Flexible Icon Options: Use Font Awesome icons or custom images for menu items with an integrated icon picker.
- Google Fonts Integration: Easily use Google Fonts in your menu for perfect typography.
- Scroll Behavior: Option to hide the menu when scrolling down for better content visibility.
- Active Item Detection: Automatically highlights the current page in the menu.
- Display Format Options: Configure how icons and text appear with different layouts for each device type.
- Extensive Customization: Control colors, fonts, sizes, spacing, borders, shadows, and more.
Style Presets
JX Sticky Footer Menu comes with a variety of style presets to help you quickly implement a polished design:
Material Design
A clean, modern style with subtle elevation and Material Design color scheme.
iOS Style
Mimics the iOS tab bar with light background, blue accent color, and minimal design.
Dark Mode
Dark background with light text, perfect for dark mode websites or night viewing.
Gradient
Beautiful gradient background with smooth color transitions for a modern look.
Rounded
Soft rounded corners with a floating appearance for a friendly interface.
Minimal
Clean, simple design with minimal visual elements for a distraction-free experience.
Colorful
Each menu item has its own distinct color for a fun, vibrant navigation.
Glass Effect
Semi-transparent background with blur effect for a modern, immersive look.
Outline
Bordered menu items with clean outlines for a subtle, elegant appearance.
Floating
A floating menu that appears to hover above the content with subtle shadows.
FAQ
Is the menu compatible with all Joomla templates?
- Yes, JX Sticky Footer Menu is designed to work with all major Joomla template frameworks including Helix, T3, Yoo, Gantry, Wrap, and more. The module integrates seamlessly without requiring template modifications.
Can I control which devices show the menu?
- Absolutely! The module includes device visibility controls that let you show or hide the menu on desktop, tablet, or mobile devices independently.
How many menu items can I add?
- You can add up to 5 menu items, which is the optimal number for a mobile footer menu. This ensures that each item has enough space and remains touch-friendly on smaller screens.
Can I use custom images instead of icons?
- Yes, the module supports both Font Awesome icons and custom images. You can choose which option works best for each menu item.
Will the menu interfere with my site's content?
- No, the module automatically adds appropriate spacing to ensure your site's content isn't hidden behind the footer menu. It also includes an option to hide the menu when scrolling down for even better content visibility.