Sub menu indentation options for responsive version; Compatible with all the latest browsers; Conclusion. I just wanted it to work as if the item just knew it had a sub menu or not. desktop view). Its High User Friendly Blogger Template. When the user will click on the toggle button, the sidebar will toggle. Each item in your menu will display a blue ‘Mega Menu’ button when hovered over. Fully Responsive Vertical menu. I really encourage you in this particular case to go onto CodePen and check out this Bootstrap tables code from the responsive design section. Download Custom Select Colorful. Dropdown Menu; Font TTF OTF Grand New Avanza Grand New Veloz Imajinasi Inspirasi Inter Milan Font Juventus Font Login Form Manchester United Font Mau Bertanya Nggak Sesat di Jalan #AskBNI Menu Horizontal Menu Vertical Pricing Table PSG Font Real Madrid Font Responsive Menu Responsive Table. It supports up to 12 columns in drop down menus and there are over 300 icons available. I am using a PC and Windows7 and MS Internet Explorer. por Francesc Ricart 0 Comentarios. The menu changes from a regular top menu bar with text anchors, to icons based, and finally to a left side bar menu as the user's screen size decreases. Responsive Mega Dropdown Menu. For screens less than 1000px in width screens the desktop menu turns into a beautifully designed mobile menu. These lightweight jQuery plugins offer a better way to create dropdown menus. Some examples are more aesthetically pleasing than others, but it's easy to restyle a menu where the functionality is already in place. For this basic example, I’m only going to layout the nav to respond to 640px or lower. for lists, links, etc. I have compiled some cool css sliders from codepen/github for use in your website or in themes, many are responsive too :)). Display multiple module instances on same page. Ok tack för svar då vet jag, din analys av Securitas var helt rätt. Each main nav link uses an icon in the background to convey the links visually. This makes scanning the menu a lot easier and provides plenty of room for sites with lots of pages. #7 Responsive Dropdown & Toggle Menu Plugin With jQuery. Stack admin is super flexible, powerful, clean & modern responsive bootstrap 4 admin template with unlimited possibilities. each(), setTimeout() aned animation CSS3. HTML preprocessors can make writing HTML more powerful or convenient. Fullscreen Background Image. Easy Sliding Side Panel Plugin For jQuery - dockPanel. Bootstrap Navbar example snippets with CSS, Javascript and HTML code. Download responsive, mobile-friendly web menus with CSS only. tree view example we are create usign bootstrap-treeview jquery. I needed the top level links (team, news, our services, our work, contact us) to be still clickable (because they send the user to a special page) so I needed to "split" the "presentation" link with an arrow for the responsive part. So, If you want to create an attractive and good looking site, then first you have to create a stylish menu. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Every website use dropdown menu, this the best way to organize listing by category. The Finished Result. I have a issue with the scrolling. Great menu, thanks for sharing!. Sub-menus are automatically vertical, regardless of the orientation of the top-level menu. This tutorial will show you how to create a vertical and horizontal menus in HTML using CSS styles. See the Pen phKif by Aamir Afridi (@aamirafridi) on CodePen. Ask Question Asked 3 years, 10 months ago. 1 to see depest level. See the Pen HzoIm by Ernesto Jiménez (@ernestojimenez) on CodePen. This was the best method I could come up with when I first started creating responsive websites:. Add powerful and great looking Mega Menu in your WordPress site with – AP Mega Menu. The hover menu is pure CSS. With an attractive color combination and impressed professionals and has many features. Templatic - Wordpress Themes, Cloud Hosting, Backups and Webmaster Tips. Inside of “menu” we use an unordered list to hold all of the menu and submenu options. Below is the screenshot shown with Advanced Menu Items Section. And like the bootstrap slideshow, this one is going to be just as simple. About HTML Preprocessors. Example 1 The primary navigation in the header demonstrates a menu that has horizontal submenus. Download 3 Different Color Easy to Customize CSS3 Drop Down Menu. Example snippets with Bootstrap HTML, JavaScript and CSS. bootstrap Nested and accordion sub menus. Add overflow detection for vertical menu and the bottom of the page Fix an issue with the tabs theme and the hover color of submenu using Params Fix an issue with the mobile/desktop hidden option, fixed in the themes css. Designed by tonkec_palonkec. $500) - Css Triple Drop Down Menu. It works (navigation l. Use simple or advanced gradients for your menus and submenus. If you’re working on an admin panel, chances are you’ll need to design and develop a vertical menu, with plenty of sub-categories. This menu, built on CSS alone, serves as a responsive way to serve navigation. The navigation is built on Sass, adaptable, and requires very little jQuery. There are additional considerations for mega-menus that can consist of multiple and/or nested submenus, headings, and even content. View Emojis. Whirling CSS3 dropdown menu [Demo] - [Download & Turorial] 14. Mega-site is an amazingly designed jquery & css mega menu plugin. A CodePen user with the username 'Vosidiy M' has developed this sidebar example using Bootstrap. Code snippets for any type of web menus. In this video I look at how to create a responsive menu using jQuery. Home item – Allow to select Home item: Icon/text/disabled. In this menu you can see that contents are horizontal and not vertical. Having menus that gracefully adapt to the size of your screen can be troublesome. Vertical and horizontal menu Tabbed Submenus It is the only navigation on market which has such feature! You can create tabs inside submenu in the same way as you create main items with Drag&Drop and powerful design. I have always been a supporter of CodePen ever since I found the website. In today's world of Responsive Web design, people want every part of their website to look perfect on all the devices. I am using a PC and Windows7 and MS Internet Explorer. This is a mega drop down test. In mobile view the drop menus are stacked. Some examples are more aesthetically pleasing than others, but it's easy to restyle a menu where the functionality is already in place. Just set the "mega-menu" class to the parent UL element to inform the SmartMenus script. Features: Ecommerce vertical tabbing mega menu; Full & Fixed website menu. Despite the apparent simplicity, there are many underlying factors which, when thought through and implemented properly, can make a simple solution even better without adding more complexity to the user interface. Tutorial Cara Membuat Menu Bar Di Blog Dengan Mudah Tanpa Edit HTML Cara Membuat Menu Bar di Blog untuk Pemula, Kali ini mas tamvan akan share 4 menu navigation bar responsive untuk di pasang pada blog tanpa melalui edit html. Menu modes Responsive drop menus have 2 modes, or "views". Use data-parent attribute for Collapse. Responsive Mobile Menu Plugin for jQuery. A very short post to help other people that might run into the problem of finding the holy grail: a responsive, multilevel menu built with Bootstrap3. Multi-level Toggle Responsive Navigation Menu using Pure CSS. For this basic example, I’m only going to layout the nav to respond to 640px or lower. this is fully responsive. Made by Mills Digital. Vertical JS Menu Navigation Example is an enthusiastic menu plan with exciting clean animation impacts. CSS & JS Sliders From CodePen Slider examples made with pure JS & CSS, jQuery or other Javascript libraries can be used in many creative projects. Responsive menu in pure CSS. WordPress Responsive Vertical Icon Menu plugin is an nice and handy plugin for showing your menus in widget. The snippet is responsive. jQuery/CSS3/SVG Based Expanding Hamburger Menu. Navigation menu is the road map to your website. On smaller screens, a “menu” button which displays our menu vertically, displaying sub-menus when parent element is clicked/touched. So in this post the aim is to use only CSS for a horizontal scrolling navigation. Responsive Menu has all the features you need to create a beautiful WordPress Responsive Menu. Here is a CSS and jQuery based responsive header with logo and menu plugin. Top Free and Premium Vertical Menu Plugins /Extensions for WordPress. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. In today’s era, when smartphones are making a lead in browsing websites, adapting menus to smartphones and other devices is equally important. This site is responsive so at smaller sizes these links disappear behind a hamburger menu. I don’t recall what that feature is called, but if you google Responsive Vertical CSS Menu you’ll most likely find something I’m sure. How to add the following code in your blog, simply follow the below simple steps. It allows you to center your page content. In this article, I would like to show our audience Download Best 10+ Mobile Friendly And Responsive Menus jQuery Plugins Of 2018 which will ease you to build elegant menus, tabs, columns and navigations for your next Projects. The two properties that do the work here are white-space: nowrap and overflow-x: auto. Likewise, i always hated slow loading sliders using jquery or javascript to use in my wordpress themes or html websites. A CodePen by Francisco Campos. When you click on these menus, the sub-menus appear. Top-level menus and submenus have visible focus indicators. Sub Menu on Click - Stack Responsive Bootstrap 4 Admin Template Stack. This site is responsive so at smaller sizes these links disappear behind a hamburger menu. The concept is really simple - once you get to a certain breakpoint, the menu is "opened" via javascript (although not totally necessary) and the user is presented with an accordion type navigation. I need vertical menu with sub menu css templates. A menu may contain another menu group in the same level as menu items. 2) Use ready to use Templates. Expand Sub Menus on Parent Item Click: Clicking anywhere on a parent item with sub menu children will trigger the sub menu to open. Ok tack för svar då vet jag, din analys av Securitas var helt rätt. The new problem is that the font size for the sub menu is larger than the top menu. used CSS only. Find a best free WordPress menu plugin for your WordPress website, to create horizontal and vertical dropdown menus in an easy way. This isn’t really relevant, because the situation is kind of „unrealistic“: The scrubber mimics a resize action of the browser window. Flip Menu Gallery. Header Layout - Here you can select the layout as Horizontal or vertical to display logo and menu accordingly. I dint see the submenus working in that codepen link. Download responsive, mobile-friendly web menus with CSS only. Multi-level Toggle Responsive Navigation Menu using Pure CSS. I needed the top level links (team, news, our services, our work, contact us) to be still clickable (because they send the user to a special page) so I needed to "split" the "presentation" link with an arrow for the responsive part. Beth is a pure CSS responsive navigation, optimized for mobile & touch devices. Before you proceed please make sure you are familiar with unordered list HTML tags. Fixed Sticky Menu. The new problem is that the font size for the sub menu is larger than the top menu. Sometimes you spend hours to find better solution. Hamburger Slide Accordion Menu. For the responsive version we'll. Net Menu control that works for Mobile Phone, Tablet and Desktop displays. Bootstrap navbar: 7 Responsive menu demos with code The navbar in Bootstrap Generally, you require a top bar also called the navigation bar or header or top menu in your website that contains main links to the other parts of the website. From image, whose given us earth all so seas. We'll look at the HTML, CSS, and jQuery to make these mobile friendly menus function. js" in any plain text editor like Notepad in Windows or TextEdit on Mac. I am using your drop-down menu with a lot of submenu items ("mega-menu"). Header Layout - Here you can select the layout as Horizontal or vertical to display logo and menu accordingly. The new problem is that the font size for the sub menu is larger than the top menu. They also allow you to create multiple level submenus. Coding a Mobile-Responsive Website Layout Using Footer. Responsive Retina-Friendly Menu with different,. Looking for that true native app look and feel for your mobile menu? Stop searching, you found it! No matter how large your nested menu structure is, everyone already is familiar with the sliding submenus used in native apps. From normal menu to complex e-commerce navbars. As a follow-up to our tutorial on creating a responsive slideshow using bootstrap, we continue with your next request: A responsive drop down menu using bootstrap. i looked at the link you provided and figured out how he made the menu. Supports Flyout or Mega Menu sub-menu styles – You can set specific menu as a flyout or mega menu for its sub-menu with different styles. Due to the memory limitations of the embedded hardware, I cannot use exte. Download Export css files from codepen easily with export feature on their share link. Net Menu control that works for Mobile Phone, Tablet and Desktop displays. The two properties that do the work here are white-space: nowrap and overflow-x: auto. That's why I put together a list of useful CSS menus effects that I found on CodePen. It will create a vertical menu on smaller screens and a horizontal menu on larger screens. Follow along as we start from scratc. Submenu x; Submenu y; Submenu z; Menu 2. In this tutorial I explore two different methods for making the navigation horizontal on large screens. Large Pressable CSS3 Navigation. ? how can make this menu responsive. The friendly shortcode generator is a nice bonus, while the fully responsive design snaps the vertical menu right into a more convenient spot for your users. In this demo we are giving you bootstrap tree view menu and also vertical multiple level menu design. Due to the memory limitations of the embedded hardware, I cannot use exte. It would be nice to still provide the submenu flyout with only the wp-submenu-head item present as that would provide the title of the item. 99 Creative Slider - Responsive Slideshow Creative Slider is a premium multi-purpose slider to create image galleries, content sliders, and mind-blowing slideshows with must-see effects. Its design simple and clean and perfect for magazine or portofolio websites. QuadMenu is a WordPress Mega Menu designed for both desktop and mobile devices. Perhaps the most effective way to counteract this problem is to display the menu in a well-spaced, vertical manner to better fit the small responsive screen size. Key CSS for Horizontal Submenu. Intro Animation. This is one of the most uniques ideas out there. Lightweight and pure CSS MegaNavbar BS4 component, that uses the standard navbar markup, and the fluid grid system classes from Bootstrap 4. As you can see, Spry Menus offer a fast and easy way of creating menus, whether vertical or horizontal in your layouts. Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. About HTML Preprocessors. I need vertical menu with sub menu css templates. Fixed Sticky Menu. Then, whenever the user hovers over a menu item, we can position the submenu wrappers using a bit of JavaScript: See the Pen Scrollable menu with pop out submenus by Agop on CodePen. As a follow-up to our tutorial on creating a responsive slideshow using bootstrap, we continue with your next request: A responsive drop down menu using bootstrap. Puedes guardar espacio en tu sitio web usando menús desplegables. It uses checkbox & label technique to toggle sub menus. desktop view). With responsive design being all the rage these days though you're faced with some new challenges when creating a menu design. You need to make sure items don’t wrap otherwise, it will behave normally and allowing scrolling using auto means scrolling will be available when necessary. There are a lot of style and font settings that you will like. Pure CSS Navigation. They were always functional, of course, but those going for an accordion menu today usually do so out of necessity. The option can be re-enabled by including a small CSS. A sleek vertical accordion menu for your next website/app. I dint see the submenus working in that codepen link. April 07, 2014 Move the vertical navigation menu css submenu. Stack admin is super flexible, powerful, clean & modern responsive bootstrap 4 admin template with unlimited possibilities. This example of bootstrap 4 navigation with multi dropdown menu. Showing posts with label Menu Vertical. Sub Menu A menu item may contain another menu nested inside that acts as a grouped sub-menu. desktop view). Do you want to create a mobile-ready responsive WordPress menu? Mobile users have already surpassed desktop users for a lot websites. You can add vertical as well as horizontal menus. CSS & JS Sliders From CodePen Slider examples made with pure JS & CSS, jQuery or other Javascript libraries can be used in many creative projects. It follows the popular trend of "flat design", having a simple but usable and easy to integrate design. In this article, we'll dissect two approaches to creating responsive web design menus; the slide down and the slide in. I don't recall what that feature is called, but if you google Responsive Vertical CSS Menu you'll most likely find something I'm sure. I don't recall what that feature is called, but if you google Responsive Vertical CSS Menu you'll most likely find something I'm sure. Contribute to ComputerWolf/SlickNav development by creating an account on GitHub. Whales tree i set, is, morning, fly was deep winged. It uses touch events and CSS3 transitions for the best possible performance. Bootstrap example of Responsive Navigation Menu using HTML, Javascript, jQuery, and CSS. Only 1 sub menus are shown/expanded at any time. Download Adaptive and Clean Pure CSS3 Responsive Drop down Menu. See the Pen Material Design Navigation Menu by Lewitje on CodePen. On choosing multiple mega menus, you can add/edit/delete the specific group and select column for each group. See the Pen phKif by Aamir Afridi (@aamirafridi) on CodePen. So, If you want to create an attractive and good looking site, then first you have to create a stylish menu. Also see Responsive CSS3 Multi-Level, Drop-Down Menu (SwiftClick. Puedes guardar espacio en tu sitio web usando menús desplegables. on CodePen. A vertical scroll bar and a toggle button are the impressive features of this sidebar example. Multi-level Toggle Responsive Navigation Menu using Pure CSS. In mobile view the drop menus are stacked. You can explore the animation effects with a slower swipe, or rollback the swipe if you changed your mind. A pure CSS responsive menu created by andornagy that automatically changes to a toggleable dropdown menu at a specified breakpoint based on CSS3 media queries. See the Pen Responsive sidebar revealed on click and key press by Antonija Šimić on CodePen. This value is the default if the attribute is missing and the parent element is also a element. Allwebco web templates are complete self contained websites that include multiple pre-formatted webpages. The SmartMenus is a feature-rich plugin that will create a horizontal or vertical responsive and accessible list-based menu that works on all devices. Armando Herrera July 13. This tutorial will show you how to create a vertical and horizontal menus in HTML using CSS styles. The headings use Font Awesome icon font. Download our Free Bootstrap Menus and Free Responsive Menus for your web site. Zuziko - Coupons, Promo Codes & Discounts for Webmasters Online Password Manager - Is an online password and file storage manager. It helps you. We'll look at the HTML, CSS, and jQuery to make these mobile friendly menus function. Sidr is a jQuery plugin for creating side responsive menus. CSS3 Menu v1. DJ-Menu is also responsive ready. Buy Web Slide - Responsive Mega Menu by UXWing on CodeCanyon. Download responsive, mobile-friendly web menus with CSS only. Top-level menus and submenus have visible focus indicators. A CodePen by Francisco Campos. Bootstrap Responsive Menu radius: The menu radius helps in modifying the structure of the button. For the responsive version we'll. Top 10: Best slide sidebar menu (drawer) javascript and jQuery plugins. Vertical JavaScript/JS Menu Navbar Example. Some examples are more aesthetically pleasing than others, but it's easy to restyle a menu where the functionality is already in place. See the Pen CSS3 Responsive Menu Dropdown + Submenu width Logo by Wahab ID on CodePen. Form Sub Menu Styles you can configure submenu styles. For a free plugin, Responsive Menu ships with an impressive number of customizations. That's why we decided to share today's snippet!. Create Cool Simple Sidebar Menu with Bootstrap 3 and Font Awesome By Sigit Prasetya Nugroho ∙ February 21, 2015 ∙ CSS ∙ 138 Comments Inspired by the bootstrap sidebar menu from wrapbootstrap. 2 the drop-down menu (sometimes) opens in the wrong direction outside of the browser window, so that it is no longer visible. SmartMenu is a user-friendly, highly customizable and responsive mega menu WordPress Plugin. A luminescent pendant to add sunshine to your every day. Pure CSS3 Mega Dropdown Menu With Vertical Animation. You can style it to your needs but it is a. If it is pertaining to a sub menu for your main nav then this will work just fine. As you can see, Spry Menus offer a fast and easy way of creating menus, whether vertical or horizontal in your layouts. WP Mega Menu is a powerful WordPress drag and drop menu builder for anyone who wants to create awesome menus with all functionalities that a menu can have. Full Documentation. To speed up your menu design we have handpicked quality free css templates that use jQuery in minimal. To activate this feature, set the EnableSubMenuFullWidth property to true. A Raised Cap. Beth – Mobile-First Responsive Menu. It is very customizable through a wide range of options, extensions and add-ons and it. nav-anim-left animates the list items to the left, while nav-down animates the submenu navbar down into view. Image: Responsive Sidebar Menu GIF Checkout this cool responsive sidebar menu animation on clicking the hamburger menu icon reveals the menu items. This small amount of CSS will make any area have horizontal scrolling. I really encourage you in this particular case to go onto CodePen and check out this Bootstrap tables code from the responsive design section. The snippet is responsive. This might be as a button menu referenced by a menu attribute of a element, or as context menu for an element with a contextmenu attribute. This site is responsive so at smaller sizes these links disappear behind a hamburger menu. this is fully responsive. bootstrap Nested and accordion sub menus. The open class is what keeps that dropdown menu visible when selecting an item. JQuery allows you to create a toggle function with just a few lines of code that adds and removes css classes and actually you do not need more. Similarly, you can choose Vertical Tabs Block A group of vertical tabs and do same process in order to display vertical tab inside megamenu. Stack admin is super flexible, powerful, clean & modern responsive bootstrap 4 admin template with unlimited possibilities. Build your mobile-first web projects with web slide navigation system that’s give you all type of ready made responsive menu items for your any type of websites. Just style the contents as you like (you may need to reset some SmartMenus inherited styles - e. CSS and jQuery Responsive Mobile Navigation Menu Learn how to create a simple, easy to use mobile navigation menu, delivering a better user experience to your mobile users. [responsive-menu RM=”footer-menu”] Minor bug fixes; 2. A flexible, multi-purpose navigation menu. Download and install the module to you Joomla website using the Extensions Manager from the Joomla back-end. I am a licensed user of CSS3 Menu version 4. Before you proceed please make sure you are familiar with unordered list HTML tags. When you click on these menus, the sub-menus appear. to see more samples, visit the demo store and click the. jQuery probably popularized this layout pattern with it's UI library. Test of hr and br; Rotation. From the dropdown submenue till the fullwidth grid dropdown, the Mega Menu easily handles the purpose. Horizontal and vertical mega menu (navigation dropdown) Module IQITMEGAMENU is highly customizable responsive menu module. TheGrue Menu is a free responsive menu module for Joomla that allows you to create stunning, colorful menus on your website. 1): There is a bug within drilldown-dropdown menu combo. Features of WordPress Vertical Menu such as font size, color, border and much more. Hamburger Slide Accordion Menu. Once the plugin is installed then you can see WPR Menu on the left navigation bar of WordPress Dashboard. This value is the default if the attribute is missing and the parent element is also a element. Is there a way to float an image to the right of my Primary Navigation Bar, in a responsive design. A sleek vertical accordion menu for your next website/app. jQuery based Navigation plugins are essential where you want to build a mega menu for large websites which has lots of categories. After all, Chris Coyier wrote about this technique back in November of 2012. Menu modes Responsive drop menus have 2 modes, or "views". To take this further, you may wish to style your menu with a CSS framework such as Bootstrap or Bulma. Auto Expand All Sub Menus: All sub menus will be opened on page load automatically. Hover over Menu 1 > Menu 1. on CodePen. See the Pen phKif by Aamir Afridi (@aamirafridi) on CodePen. This meant the extremely useful responsive navbar was going to have to be created from scratch. Next to the plus button, there is a blue brush button. This value is the default if the attribute is missing and the parent element is also a element. Multi-level Toggle Responsive Navigation Menu using Pure CSS. Author: Chris Wright||||Source: Codepen. The height 100% allows the menu to take up all the vertical space on the page. Create beautiful responsive mega menu layouts, add images, maps, shortcodes and widgets, tabbed submenus, WordPress Customizer integration, dynamic item generation, and so much more!. Interested in development? Browse the code , check out the SVN repository , or subscribe to the development log by RSS. You can set the number of columns per each menu item, as well as put the modules inside. You can add vertical as well as horizontal menus. This is one of the most uniques ideas out there. But on the smaller screens, we will need to break the menu down into a vertical one due to screen size constraints, and use the hamburger button to toggle show/hide the menu: As usual, we will use the @media media query to apply a different style for small screens. Pure CSS3 Mega Dropdown Menu (Vertical) See the Pen Pure CSS3 Mega Dropdown Menu With Animation (Vertical) by Rizky Kurniawan Ritonga ( @rizkykurniawanritonga ) on CodePen. We needed to keep the menu open while the levels are navigated. Peurto is a mega menu with a slightly large menu items, which would look great on an eCommerce website. The Ultimate Muse Responsive Menu was carefully designed for 5 individual layouts, with desktop and mobile menus automatically switching according to breakpoints. Here's the CodePen: Really Responsive Tables using CSS Flexbox (complex). for lists, links, etc. For screens less than 1000px in width screens the desktop menu turns into a beautifully designed mobile menu. Aprende a decidir como se visualizarán tus páginas web. This is very simple to code and makes the work more efficient. The Ultimate Muse Responsive Menu was carefully designed for 5 individual layouts, with desktop and mobile menus automatically switching according to breakpoints. Download our Free Bootstrap Menus and Free Responsive Menus for your web site. Hello I use your software regularly to make simple web. Sub-menus are automatically vertical, regardless of the orientation of the top-level menu. Timeline Scribble. Stack admin is super flexible, powerful, clean & modern responsive bootstrap 4 admin template with unlimited possibilities. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. This is one of the most beautiful layouts, allowing you to display an horizontal menu in desktop screens and a vertical menu on mobile devices. Our menus use nested unordered lists contained by a div. For simple navigation menus, we suggest the following behavior: tab and Shift+tab navigate the top-level menu items, as do the Left and Right arrow keys. Using the mark up shown below. Especially for mobile websites, the Hamburger menu icon become kind of a standard nowadays. YJ Vertical Menu is free Joomla Menu Module that displays your sub menu items in vertical jQuery animation developed by Makotow.