14 Inspirational And Beautiful Vertical Drop Down Menu Ideas For Your Inspiration

1. jQuery CSS3 DropDown Menu Plugin

featured image

It’s a jQuery drop down menu, the CSS3 animation slideshow is driven by Animate. // hide the sub menus instantly, use in the pure CSS dropdown vertical menu

// when clcik a menu, add the .active class to the current menu or not

More Details

2. CSS3 Menu

CSS3 Menu

CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forw

ard and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.

You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.

More Details

3. Easy Menu Manager

featured image

Easy Menu Manager is an AJAX /PHP powered menu management system. You can add, edit, delete, and reorder menu items easily using this application.Multi-level menu

Menu items can be grouped, so you can show different menus in one page, for example: top menu, sidebar menu, footer menu, member menu

Add, edit, and delete menu items easily using ajax.Drag and menu CSS3 horizontal items to change their order (also works in nested menu)

Generate nested lists menu structure

CSS3 styles for displaying dropdown menu (horizontal & vertical)

It can also be used to replace the menu in your static website, but it may not work if included inside a complex framework/CMS. Added alternative script for displaying menu

More Details

4. Responsive Mega Menu Complete Set

featured image

NEW – THIS MENU IS NOW FULLY RESPONSIVE !

This Mega Drop Down Menu Complete Set is perfect for creating unique menus by using one of the 9 jQuery effects and one of the color schemes. Based on a custom grid, this menu allows you to organize your content into columns (from 1 up to 12) with a lot of typography examples such as headings, lists, images styling, tables, form elements, etc.Horizontal and vertical versions

Fly-out Menu with Unlimited Sublevels

First drop down already opened when the page loads

Or any other drop down opened when the page loads

This menu has been tested (and works !) in all the following browsers :

Added a fixed version of the menu (changes in megamenu.Changed the behavior of the menu on mobile devices : the jQuery menu bar becomes a button to toggle the menu on small screen resolutions. The whole menu is now fully responsive

This is an important update that was necessary to improve this menu and make it responsive.Improved compatibility with touch screen devices (added the ability to open and close drop downs)

Rewrote entirely the mega menu script

Improved / modified the mega CSS dropdown menu generator markup

Reintroduced form elements (and fixed an issue with the drop downs closing when clicking on form elements)

All menu variants use the same assets (JS, CSS)

I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.

More Details

5. jQuery Glyph Menu

featured image

The script is a complex jQuery elegant Glyph drop-down Menu (horizontal and vertical) with huge possibilities for any project. a simple menu dropdown CSS structure.Fantastic idea of usage this menu

You can use the menu as wordpress themes gallery by special links of social services

More Details

6. jQuery Vertical Drop-Down Menu

featured image

Two Versions Vertical Drop-Down Menu

The scripts are two complex jQuery menu plugins with an unlimited number of submenus, easy to integrate.Menu 1

a simple menu dropdown jQuery structure.Menu 2 – see Live Preview

a simple menu structure.

More Details

7. CSS 3 Drop Down Menu - 5 different colors scheme

featured image

Drop Down Menu created with CSS3 markup. This menu doesen’t need any images.

More Details

8. UberMenu - WordPress Mega Menu Plugin

featured image

UberMenu is a user-friendly, highly customizable, responsive Mega Menu WordPress plugin. It works out of the box with the dropdown menu CSS Menu System, making it simple to get started but powerful enough to create highly customized and creative mega menu configurations.Works out of the box with most WordPress 3 Menu-Enabled Themes

Integrates directly with the menu dropdown wordpress 3 Menu Management System – work with the system that you know and love!

Vertical and Horizontal Menus

Use the menu with or without jQuery Enhancements

Add an Image to any Menu Item through the Featured Image interface

Add Descriptions to any Menu Item at any level

Ability to create image-only menu items (no text)

Menu is fully widgetized with unlimited widget areas!

Drag and drop Widgets into the CSS menu horizontal areas with ease

Menu styles are CSS-driven

Use of the WordPress 3 Menu System

A Theme that properly implements the WordPress 3 Menu System, using the wp_nav_menu() function with the theme_location parameter.UberMenu will not automatically adopt the style of your theme’s menu. You can change the menu that appears on an individual Page or Post using the Menu Swapper plugin.* Added first menu item hover border radius for style generator

* Fixed CSS issue with responsive menu bars button

* Added mobile menu interface to all iOS devices (easier closing of menu)

* Improved responsive theme handling to avoid duplicating mega menu

* Ability to center menu items within horizontal menu bar HTML code

* Revised menu item options to use a single variable (increases menu item limit imposed by PHP)

* Enhancement: easy centering of HTML horizontal menu

com/wordpress-plugins/responsive-wordpress-mega-menu

* wp-uber-menu.* wp-uber-menu-admin.* Menu thumbnail SSL support

* Top level widget capabilty - add a search box widget to your menu bar!

* Auto Align second-level menu items option

* Support for image-only menu items (no text)

There were a variety of changes, so if you are upgrading, be sure to back up your old wp-uber-menu folder before installing the new version

2 makes the Menu Item Image support more robust. Depending on how the relevant theme is implemented, in certain cases it can keep the plugin from enabling featured images on menu items and vice versa.

More Details

9. CSS3 Mega Drop Down Menu

featured image

This Mega Drop Down Menu is a flexible and easy to integrate solution to build your custom menus. The drop down relies only on CSS/XHTML and comes with a fully working contact form. 3 main variants are included : horizontal, vertical aligned on the left and vertical aligned on the right. This item comes with 9 color variants (and 2 color schemes for the drop downs – dark and light) and a detailed documentation to help you to customize it.100% Responsive Mega Menu

Horizontal and Vertical Layouts

This menu has been tested (and works !) with all the following browsers :

Made the menu 100% responsive

Grouped all menu variants (horizontal and vertical)

Added the ability to align the drop downs vertically (vertical versions only)

Added a full browser width variant (the menu remains centered)

Completely changed the way to handle the full width drop down variant (no more negative margins)

Added a “right aligned” vertical variant

Added a dark variant of the drop down

Added a 2-Levels Drop Down

Added a bonus Vertical Mega Menu

Added a Full Width drop down variant

You can now use safely this Mega Menu along with my CSS Sticky Footer

I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.

More Details

10. Vertical Elan - Responsive CSS3 Vertical Menu

featured image

CSS3 mega drop down responsive menu for your web site. Menu has 5 columns grid and work on all major browsers.

More Details

11. 3d Mega Menu for Bootstrap

featured image

Responsive 3D Mega CSS drop menu (latest ver 1.Responsive 3D Mega vertical drop down menu is a flexible and high customizable to build your custom menus. In addition to you can set up the menu item drop down by clicking or hovering. There are 2 colors for drop downs (dark and light) and many 2D, 3D effects. Horizontal and vertical versions

Click/hover behavior choice on the vertical menu CSS3 options page

Fly-out Menu with Unlimited Sublevels

This menu has been tested (and works !) in all the following browsers :

More Details

12. Mega Navigation Menu Pack With Menu Maker

featured image

This Down Menus Supports Unlimited Levels of Hierarchy And Unlimited Numbers Of columns.It Comes With Drop Down Menu Maker To Create Menus Quickly.No Need To Code Manually For Your Drop down Menus

Just Copy Paste Generated Code To Your Web page Add Css And Javascripts And Your menu Is Ready To use…

Included 1 Video Tutorial On How To Use Drop Down Menu Maker And Html Documentation On How To Use Css And Javascripts As Per Your Need

60+ Backgrounds for CSS3 horizontal drop line menu Down Menu 18+ Background For Vertical Drop Down menus

Cross-Platform Compatibility For plugin slideshow jQuery Maker

Also Included Js For Simple Drop Down Menus Without Any Animation Effect

Included Javascripts For floating vertical nav bar menu And Sticky Vertical Menu

Css For bootstrap button generator Drop Down Menus

Included Javascript To Auto Convert Horizontal Menu To Vertical menu On Scroll

Horizontal Menu With Slider

Sticky Floating Menu

Slide Down Menu (Dynamite Menu)

Sucker-fish style Horizontal Menu

Updates In dropdown menu jQuery simple Maker

Added Functionality to Add Side Icones In Menu Items

Dropdown Menu Maker Can Now Genrate Organized Code With Comments So It’s Easy To Customize

More Details

13. Zozo Tabs

featured image

Some of it’s key features includes: vertical tabs, horizontal tabs, responsive tabs, deep-linking, powerfull API, CSS3 transition with fallback, 6+ sizes, 10+ themes, 14+ templates, 10+ positions, 65+ options and much more. Zozo Tabs allows you to create custom themes and customize your own build suited to your individual needs, modify, include or remove certain modules (reduce size of css by 90%) such as vertical, underlined, multiline, responsive etc. This makes easier to customize your build of Zozo Tabs to modify, include or remove certain modules such as vertical, underlined, multiline, responsive etc. Added: Option maxRows which will be used to switch to HTML5 CSS3 menu when executed

Added: Option minWindowWidth which will be used switch to horizontal dropdown menu wordpress

Touch-Enabled – Tabs are displayed in a menu dropdown with touch enabled events and fast CSS3 Transitions, view Mobile Tabs

10 Flexible ways to position – Tabs are very flexible and customizable, horizontal and navigation menu vertical tabs and it can be positioned in 10 Flexible ways, view Positioning demo

Orientation – Zozo Tabs suppports horizontal and vertical tabs, view Orientation demo

Automatically Scrolling – When clicking on tabs/downlown menu on smaller screens, it will scroll automatically to show your content. The majority of buyers rate it 5 stars if you are rating it with less than 5 stars please drop us a mail why it didn‘t achive a full score and what could be improved in your opinion.

More Details

14. Vertical CSS3 Mega Menu

featured image

If you need to display your catalog or a long list of products in a small area of your site, then this menu HTML5 CSS3 Mega Menu is made for you.The first drop down level can be hidden or visible on page load and the whole system works on mouse hover, it’s a CSS-only system that doesn’t need a single line of javascript.Powerful Menu System

CSS-only Mega Menu

Unlimited Drop Down Levels

2 Drop Down Positions (Top or Relative)

This menu has been tested (and works !) with all the following browsers :

I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.

More Details

15. Slicnot - Clean CSS Menu with Sliced Notification

featured image

Hello everybody! Slicnot is a small CSS toolkit that allows you to create anything from just a simple plain button to a complex drop-down navigation menu bar with very less amount of effort.• Separated Menu Button

Vertical Dropdown Menu

If you have any question regarding to this item, feel free to drop me an email via my user page contact form.

More Details