Footer Fixed Menu — Customized Bottom Navigation

विवरण

Footer Fixed Menu — Customized Bottom Navigation allows you to display a fixed footer navigation bar with icons that automatically sync with your existing WordPress menu. Check live demo Nitin Monga

Perfect for mobile-friendly sites where quick navigation is essential. The plugin creates a sleek, modern bottom navigation bar that stays fixed at the bottom of the screen.

Important: This plugin requires the Font Awesome plugin to be installed and activated. You’ll then need to add Font Awesome icon names to your WordPress menu items (in the CSS Classes field).

Key Features:

  • Syncs with your selected WordPress menu
  • Customizable background and icon colors
  • Tooltip labels on hover for better user experience
  • Custom pricing/action button with configurable text and URL
  • Mobile-responsive design
  • Lightweight and performance-optimized
  • Easy-to-use admin settings panel
  • Font Awesome icons support
  • No external dependencies – all files included locally

How It Works:

  1. Install and activate the Font Awesome plugin
  2. Create or select a WordPress menu
  3. Configure colors and button settings from the admin panel
  4. Enable CSS Classes in Screen Options and add Font Awesome class names to menu items (e.g., fas fa-home)
  5. The menu automatically appears as a fixed bottom navigation

स्क्रीनशॉट्स

  • Plugin settings page showing color customization options
  • Fixed footer menu displayed on desktop
  • Mobile view of the footer navigation

इंस्टॉलेशन

  1. Install and activate the Font Awesome plugin from the WordPress plugin directory.
  2. Upload the plugin files to the /wp-content/plugins/footer-fixed-menu-customized-bottom-navigation directory, or install the plugin through the WordPress plugins screen directly.
  3. Activate the plugin through the ‘Plugins’ screen in WordPress.
  4. Go to Appearance Menus to create or edit your menu.
  5. Enable “CSS Classes” in Screen Options and add Font Awesome class names to menu items (e.g., fas fa-home).
  6. Go to Settings Footer Nav Settings to configure colors and button settings.
  7. The menu will automatically appear at the bottom of your site.

सामान्य प्रश्न

Will it work with my theme?

Yes, the plugin works with any WordPress theme. It uses fixed positioning and high z-index to ensure it appears above other content.

Can I change the colors of the icons and background?

Yes, you can customize background color, icon color, button background color, and button text color from the plugin settings page.

How do I add icons to menu items?

First, install the Font Awesome plugin.
Then go to Appearance Menus, enable “CSS Classes” in Screen Options, and add Font Awesome class names (like fas fa-home) to the CSS Classes field of each menu item.

Can I customize the pricing button?

Yes, you can change both the button text and URL from the plugin settings page. You can make it link to any page or remove it by leaving the URL empty.

Does it work on mobile devices?

Yes, the plugin is fully responsive and optimized for mobile devices. It’s especially useful for mobile navigation.

Will it slow down my website?

No, the plugin is lightweight and only loads the necessary CSS and Font Awesome icons. All files are included locally for better performance.

Can I disable the automatic display?

The plugin automatically displays in the footer, but you can also use the shortcode [footerfixedmenu_nav] to display it in specific locations.

समीक्षाएं

अगस्त 23, 2025 1 जवाब
Works great right out of the box. Simple to use. No conflicts with the Divi Theme Thanks
1 के सभी समीक्षा पढ़ें

सहायक &डेवलपर्स

यह खुला स्रोत सॉफ्टवेयर है। अनुगामी लोगो ने इस प्लगइन के लिए योगदान दिया है।

योगदानकर्ता

बदलाव विवरण

2.1

  • Updated prefixes for better plugin compatibility
  • Added proper input sanitization and escaping for security
  • Improved CSS class naming convention
  • Added tooltip functionality with better positioning
  • Enhanced mobile responsiveness
  • Added local Font Awesome files (removed CDN dependency)
  • Fixed direct file access security issue
  • Improved code structure and documentation
  • Updated for WordPress 6.7 compatibility

1.0

  • Initial release
  • Basic fixed footer menu functionality
  • Color customization options
  • WordPress menu integration