JX Footer Menu 1.2.1 is a site module for Joomla 4, 5, and 6 that shows an app-like sticky footer navigation bar with up to five custom links.

Version 1.2 rebuilds the module on services, dispatcher, and namespaces, and keeps the bar pinned from the first paint by applying fixed positioning inline and moving it to document.body. Version 1.2.1 corrects Floating and Rounded inset geometry so the bar stays inside the viewport on every device.

Highlights

• Up to five menu items with labels, URLs, and icons
• Eleven preset styles plus colour overrides
• Per-device display formats and hide options
• Page spacer and Web Asset Manager assets
• Stable fixed bar with no mid-page flash
• Floating and Rounded presets stay inset on all devices
• Joomla 4 / 5 / 6 compatible

Requirements

• Joomla 4, 5, or 6
• PHP 8.1 or later recommended

Install

1. Download mod_jxstickyfooter_1.2.1.zip.
2. Open System > Install > Extensions.
3. Upload and install the module.
4. Open Content > Site Modules, create a JX Footer Menu module, add items, assign pages, and publish.
5. Clear Joomla and browser cache.

Upgrade

Install 1.2.1 over 1.1 or 1.2.0 using the same zip. Clear cache after upgrade so assets load as ?1.2.1.

• Menu Items: repeatable rows, maximum five
• Label: text shown under or beside the icon
• URL: full URL or relative Joomla path (for example / or index.php?option=com_content&view=article&id=1)
• Icon Type: None, Font Awesome Icon, or Image
• Font Awesome Icon: class such as fas fa-home, or use the admin picker
• Select Image: media manager image when Icon Type is Image
• Link Target: Same Window or New Window

Font Awesome CSS loads on the front end only when at least one item uses a Font Awesome icon.

• Preset Style: Default, Material, iOS, Dark, Gradient, Rounded, Minimal, Colorful, Glass, Outline, Floating
• Override Preset Style: when Yes, your colours and sizes override the preset look
• Background Colour, Text Colour, Active Colour
• Icon Size: Small, Medium, Large
• Text Size: Extra Small, Small, Medium
• Menu Height (pixels)
• Show Dividers and Add Box Shadow
• Z-Index (1 to 9999)
• Transition Duration (for example 0.3s)
• Icon-Text Spacing and Hover Background Colour

Critical fixed positioning is applied as inline styles so the bar is pinned before stylesheet CSS finishes loading. Floating uses inset left/bottom/width; Rounded uses a side inset. Version 1.2.1 keeps those inset values consistent with the flash-safe inline styles.

Typography

• Font Source: Inherit from Template, System Font Stack, or Google Font
• System Font: Sans-serif, Serif, or Monospace
• Google Font and Google Font Weights when Font Source is Google Font
• Font Weight and Active Item Font Weight

Responsive and Behaviour

• Desktop / Tablet / Mobile Display Format: Stacked (icon above text), Inline (icon beside text), Icons Only, Text Only
• Hide on Devices: Desktop, Tablet, Mobile
• Breakpoints (defaults): Desktop 992, Tablet 768, Mobile 480
• Hide on Scroll Down: optional; respects prefers-reduced-motion
• Module Class Suffix

Typical marketing defaults: stacked on desktop and tablet, icons only on mobile.

Menu Items

• Label
• URL
• Icon Type
• Font Awesome Icon / Select Image
• Link Target

Style and Appearance

• Preset Style
• Override Preset Style
• Background, Text, Active Colour
• Icon Size, Text Size, Menu Height
• Show Dividers, Add Box Shadow
• Z-Index, Transition Duration, Icon-Text Spacing, Hover Background

Typography

• Font Source, System Font, Google Font, Weights
• Font Weight, Active Item Font Weight

Responsive and Behaviour

• Desktop / Tablet / Mobile Display Format
• Hide on Devices
• Desktop / Tablet / Mobile Breakpoint
• Hide on Scroll Down
• Module Class Suffix

• Menu is empty

  • Add at least one Menu Item with both Label and URL, then save and clear cache.

• Icons missing

  • For Font Awesome items, set Icon Type to Font Awesome and use a valid class. Font Awesome loads only when needed.

• Footer flashes in the module area then jumps

  • Upgrade to 1.2.0 or later, then clear Joomla and browser cache.

• Floating bar sticks out on the right

  • Upgrade to 1.2.1. That release aligns inset left/width/bottom with the inline fixed styles.

• Content sits under the bar

  • Confirm the page spacer is present and clear cache. Body-margin rules from 1.1 are no longer used.

• Hide on Scroll does nothing

  • Enable Hide on Scroll Down, scroll past about 100px, and confirm reduced-motion is not forcing transitions off in the browser.

• Old assets remain

  • Clear cache. Confirm assets load with version 1.2.1.

• Which Joomla versions are supported?

  • Joomla 4, 5, and 6. PHP 8.1 or later is recommended.

• Does the frontend need jQuery?

  • No. Site behaviour is native JavaScript. The admin icon picker still uses jQuery.

• Why does the footer leave the module position?

  • By design in 1.2. The bar is relocated to document.body so fixed positioning works across templates.

• How many items can I show?

  • Up to five menu items.

• Where can I get help?

  • Visit support.joomlax.com.