Droop Mega Menu Review
I have had the pleasure of trying out Droop Mega Menu, a responsive menu framework that allows you to create professional-looking horizontal and vertical navigations. With a plethora of features, themes, and examples, Droop Mega Menu is a powerful tool that can take your website’s navigation to the next level.
Features
One of the standout features of Droop Mega Menu is its ease of use. The framework is built on modern technologies such as CSS3, HTML5, and jQuery, making it a joy to work with. Additionally, it is fully responsive, adapting perfectly to all screen resolutions and modern mobile, tablet, and desktop devices.
Another impressive feature is its versatility. With Droop Mega Menu, you can create both vertical and horizontal menus, with unlimited nested levels and multi-column mega menus. This means you can create a navigation that perfectly suits your website’s design and functionality.
The framework also comes with a range of theme options, with over 70 pre-built themes and skins to choose from. Each theme has its own CSS file, making it easy to customize and integrate into your website.
Other notable features include:
- Beautiful CSS3 animations and custom animations for mobile toggle
- A 12-column responsive grid system for building multi-column layouts and mega menus
- 150+ examples to get you started quickly
- Extra add-ons such as basic scroll spy, sticky menus, and more
- Accessibility features, including semantic HTML markup and enhanced WAI-ARIA standards
- Vector icons and cross-browser compatibility
- Extensive documentation and online support
Conclusion
Overall, I am thoroughly impressed with Droop Mega Menu. Its ease of use, versatility, and range of features make it an excellent choice for anyone looking to create professional-looking navigations. While there is a learning curve, the extensive documentation and online support make it easy to get started and stay on track.
Rating: 9.5/10
Recommendation: If you’re looking for a responsive menu framework that can help take your website’s navigation to the next level, I highly recommend giving Droop Mega Menu a try. Its ease of use, versatility, and range of features make it an excellent choice for anyone looking to create professional-looking navigations.
Pros:
- Easy to use
- Versatile
- Many theme options
- Cross-browser compatibility
- Accessibility features
Cons:
- Steep learning curve
- Some customization options require CSS knowledge
User Reviews
Be the first to review “Droop Mega Menu”
Introduction to the Droop Mega Menu
The Droop Mega Menu is a powerful and highly customizable WordPress plugin that allows you to create a responsive and user-friendly menu system for your website. With its intuitive interface and extensive settings, you can create a menu that perfectly suits your website's design and functionality. In this tutorial, we will guide you through the process of setting up and using the Droop Mega Menu plugin.
Step 1: Installing the Droop Mega Menu Plugin
To start using the Droop Mega Menu plugin, you need to install it on your WordPress website. Here's how:
- Log in to your WordPress dashboard and navigate to the Plugins section.
- Click on the "Add New" button and search for "Droop Mega Menu" in the search bar.
- Click on the "Install Now" button to install the plugin.
- Once the installation is complete, click on the "Activate" button to activate the plugin.
Step 2: Configuring the Droop Mega Menu
After installing and activating the plugin, you need to configure it to suit your website's needs. Here's how:
- Navigate to the WordPress dashboard and click on the "Droop Mega Menu" menu item.
- Click on the "Settings" tab and configure the following options:
- Menu Type: Choose the type of menu you want to create (e.g., horizontal, vertical, or responsive).
- Menu Position: Choose the position of the menu on your website (e.g., top, bottom, or side).
- Menu Width: Set the width of the menu in pixels or percentages.
- Menu Height: Set the height of the menu in pixels or percentages.
- Menu Animation: Choose the animation effect for the menu (e.g., slide, fade, or none).
- Click on the "Save Changes" button to save your settings.
Step 3: Creating Menu Items
Now that you have configured the Droop Mega Menu plugin, it's time to create menu items. Here's how:
- Navigate to the WordPress dashboard and click on the "Droop Mega Menu" menu item.
- Click on the "Menu Items" tab and click on the "Add New" button.
- Enter the following information for each menu item:
- Menu Item Text: Enter the text that will appear on the menu item.
- Menu Item URL: Enter the URL that will be linked to the menu item.
- Menu Item Icon: Enter the icon that will appear next to the menu item (optional).
- Click on the "Add Menu Item" button to add the menu item to the menu.
Step 4: Customizing the Menu
The Droop Mega Menu plugin comes with a range of customization options that allow you to tailor the menu to your website's design and functionality. Here are some of the customization options:
- Menu Item Styles: You can customize the styles of individual menu items by clicking on the "Menu Item Styles" tab and selecting the desired styles.
- Menu Animation: You can customize the animation effect for the menu by clicking on the "Menu Animation" tab and selecting the desired animation.
- Menu Item Icons: You can customize the icons that appear next to menu items by clicking on the "Menu Item Icons" tab and selecting the desired icons.
- Menu Item Text: You can customize the text that appears on menu items by clicking on the "Menu Item Text" tab and selecting the desired text.
Step 5: Adding the Menu to Your Website
Finally, you need to add the Droop Mega Menu to your website. Here's how:
- Navigate to the WordPress dashboard and click on the "Appearance" menu item.
- Click on the "Widgets" tab and drag and drop the "Droop Mega Menu" widget to the desired location on your website.
- Configure the widget settings as desired (e.g., menu type, menu position, and menu width).
- Click on the "Save" button to save your changes.
That's it! With these steps, you should now have a fully functional Droop Mega Menu on your WordPress website.
Enable Mega Menu
'plugins' => array(
'droop_mega_menu' => array(
'active' => true,
),
),Configure Menu Items
'menus' => array(
'primary-menu' => array(
'items' => array(
'top-level-item-1' => array(
'menu_item_id' => 'top-level-item-1',
'menu_order' => 1,
'title' => 'Top Level Item 1',
'link' => '#',
),
'top-level-item-2' => array(
'menu_item_id' => 'top-level-item-2',
'menu_order' => 2,
'title' => 'Top Level Item 2',
'link' => '#',
),
),
),
),Configure Mega Menu Layout
'layout' => array(
'primary-menu' => array(
'mega_menu' => array(
'enabled' => true,
'width' => 1500,
'offset' => 0,
'columns' => array(
'1' => array(
'title' => 'Column 1',
),
'2' => array(
'title' => 'Column 2',
),
),
),
),
),Configure Mega Menu Items
'mega_menu_items' => array(
'primary-menu' => array(
'mega_menu_items' => array(
'top-level-item-1' => array(
'mega_menu_item_id' => 'top-level-item-1',
'parent_menu_item_id' => 'top-level-item-1',
'menu_order' => 1,
'title' => 'Mega Menu Item 1',
'link' => '#',
'target' => '_blank',
'columns' => array(
'1' => array(
'title' => 'Sub Item 1.1',
'link' => '#',
),
'2' => array(
'title' => 'Sub Item 1.2',
'link' => '#',
),
),
),
),
),
),Here are the features mentioned about the Droop Mega Menu:
- Fully Responsive: Adapts perfectly to all screen resolutions and modern mobile, tablet, and desktop devices.
- Modern Technologies: Built with custom CSS3, HTML5, and jQuery, not dependent on any external frameworks (but fully compatible with other frameworks).
- Vertical and Horizontal Mega Menus: Can be used to create both vertical and horizontal menus easily.
- Multi Level and Mega Menus: Unlimited nested levels and multi-column mega menus.
- Various Positions: Can be positioned LEFT/RIGHT for the vertical menu, TOP/BOTTOM for the horizontal menu.
- Menu Tabs: Includes unlimited vertical and horizontal menu tabs (collapse to accordions in mobile devices without extra markup).
- Beautiful CSS3 Animations: Includes 8 beautiful CSS3 animation effects and additional custom animations for mobile toggle.
- 70+ Themes: Includes over 70+ pre-built themes and skins ready for use, each with its own CSS file (can be easily modified and integrated).
- Grid System: Includes a 12-column responsive grid system for easy creation of multi-column layouts and mega menus.
- 150+ Examples: Includes over 150+ templates for creating custom navigations quickly and easily.
- Extra Addons: Includes extra addons such as basic scroll spy, sticky menus, show menu on scroll up while hiding on scroll down, admin style sidebars, and more.
- Accessibility: The menu uses semantic HTML markup, basic enhanced WAI-ARIA standards, and supports desktop keyboard navigation using the TAB key.
- Vector Icons: Includes the beautiful Ionicons vector font.
- Cross-Browser Compatibility: Fully compatible with modern desktop and mobile browsers, including Chrome, Firefox, Opera, Edge, and IE10+ with fallback for old IE browsers and works on both iOS and Android platforms (with some advanced CSS3 features not supported on old IE browsers).
- Documentation: Includes an extensive step-by-step guide for setting up and customizing the menu.
- Online Support: Available for extended personalized support.
- Free Updates: Get free product updates and quick bug fixes.
There are no reviews yet.