PC-DIDI Mobile Fixfooter – Customizable Sticky Mobile Footer for Joomla 6

PC-DIDI Mobile Fixfooter is a modern, responsive Joomla 6 module that adds a stylish, fixed navigation bar to the bottom of mobile screens.

Give your visitors instant access to essential actions such as calling your business, sending an email, opening WhatsApp or visiting important pages – without having to scroll through your website.

The module offers extensive design customization directly from the Joomla administrator panel. No coding knowledge or additional system plugin is required.

Key Features

• Sticky Mobile Footer: Fixed navigation at the bottom of the mobile screen.
• Three Customizable Buttons: Configure individual actions, labels and icons.
• Individual Button Colors: Set separate background, text, icon and border colors for every button.
• Custom Hover Effects: Define individual hover colors for each button.
• Premium Design Layouts: Choose from elegant borders, highlight boxes, glowing effects and minimalist styles.
• Animated Effects: Add subtle transitions, glowing borders and premium animations.
• Custom Divider Lines: Separate buttons using elegant lines with adjustable color, thickness, height, opacity and style.
• Contact Integration: Support for phone calls, email, WhatsApp and custom links.
• Responsive Design: Optimized for smartphones, including iPhone safe-area support.
• Optional Developer Credit: Display a customizable backlink to PC-DIDI Webdesign.
• Custom CSS: Fine-tune the appearance for your website.
• Backend Preview: Preview design settings while configuring the module.
• Standalone Module: No additional Joomla system plugin required.

Installation

1. Download the PC-DIDI Mobile Fixfooter installation package.
2. Log in to your Joomla 6 administrator panel.
3. Navigate to System → Install → Extensions.
4. Upload the ZIP installation package.
5. Open Content → Site Modules.
6. Locate PC-DIDI Mobile Fixfooter.
7. Open the module configuration and select a module position.
8. Set the module status to Published.
9. Under Menu Assignment, select On all pages or choose specific menu items.
10. Save the module and check your website on a smartphone.

Important: Choose a template position that is rendered immediately when the page loads. Avoid footer positions that are loaded only after scrolling.

Module Configuration

1. General Settings

Configure the main properties of your mobile footer:

• Enable or disable the module.
• Select the maximum screen width for mobile display.
• Adjust footer height and spacing.
• Configure the overall background color.
• Choose the preferred design preset.

The mobile footer is designed to stay at the bottom of the screen while visitors navigate your website.

2. Button Configuration

Each of the three buttons can be customized independently.

Available settings include:

• Enable or disable the button.
• Enter a custom button label.
• Choose an icon.
• Select the button action.
• Enter a phone number, email address, WhatsApp number or custom URL.
• Configure the button's individual colors.

Example configuration:

| Button | Label | Action |
|---|---|---|
| Button 1 | Call Now | Phone call |
| Button 2 | Email | Open email application |
| Button 3 | WhatsApp | Open WhatsApp conversation |

Use international telephone formats, such as +436641234567.

3. Individual Button Colors

Customize each button separately to match your website's corporate identity.

Available color options:

• Background color
• Background hover color
• Text color
• Text hover color
• Icon color
• Icon hover color
• Border color
• Border hover color
• Highlight or glow color

For colored button backgrounds, select the appropriate highlight-box layout in the global design settings.

4. Premium Design Layouts

Choose from multiple visual styles:

Minimal: Clean navigation with subtle accents.

Elegant Border: Sophisticated outlined buttons.

Highlight Box: Individual colored button backgrounds with rounded corners.

Glow Effect: Stylish luminous borders and hover effects.

Accent Line: Minimalist buttons featuring elegant accent borders.

Customize border thickness, corner radius and button spacing to create your preferred design.

5. Divider Lines

Add elegant vertical separators between enabled buttons.

Configure:

• Divider visibility
• Divider color
• Line thickness
• Divider height
• Opacity
• Line style: solid, gradient or glowing

Divider lines automatically adapt to the number of enabled buttons.

6. Animations and Hover Effects

Create a more engaging mobile navigation experience with subtle animated effects.

Depending on the selected design, available effects include:

• Smooth color transitions
• Soft pulsing
• Glowing borders
• Shimmer effects
• Floating icon animations

Animations can also be disabled for a clean, static appearance.

7. Developer Credit / Backlink

The module includes an optional developer credit linking to PC-DIDI Webdesign.

You can configure:

• Enable or disable the developer link.
• Customize the link text.
• Select link and hover colors.
• Open the link in a new browser tab.
• Configure the nofollow attribute.

Default developer website: https://www.pc-didi.at/

8. Custom CSS

Advanced users can add custom CSS to further personalize their mobile footer.

This allows additional styling adjustments without modifying the module's core files.

Compatibility

• Joomla Version: Joomla 6
• Extension Type: Site Module
• Version: 1.0.10
• License: GNU General Public License v2 or later
• Developer: PC-DIDI Webdesign
• Developer Website: https://www.pc-didi.at/

Perfect For

PC-DIDI Mobile Fixfooter is suitable for business websites, hotels, holiday apartments, restaurants, taxi services, online shops, agencies and other websites that benefit from quick mobile contact and navigation options.

Why Choose PC-DIDI Mobile Fixfooter?

A well-designed mobile footer makes important actions easier to access and can improve the mobile user experience.

With flexible colors, premium layouts, individual button customization and elegant animations, PC-DIDI Mobile Fixfooter helps you create a professional mobile navigation experience that matches your brand.

Make your Joomla website more accessible, stylish and mobile-friendly with PC-DIDI Mobile Fixfooter.