What's New

• Icon Bar: How To Make It with Ease
  
  
  
  
  An icon bar is a horizontal or vertical list of icons associated with a site, usually displayed at the top, side, or bottom of a web page. Typically it is used to represent pages and categories on a blog or website. The icon bar lets you see which page will be accessed, and the icon itself will tell you what that page contains.
  
  In this post, I'll show you how to create professional-looking icon bars for your website. This method doesn't use any CSS, HTML, or JavaScript code.
  
  Read more: Icon Bar: How To Make It with Ease



• How To Create Mega Menu: Best Practices and Design Tips
  
  
  
  
  One form of website navigation that is getting more and more popular is the Mega Menu. Mega Menus are a fantastic method of showing a range of options in a concise way. They function by combining a few traditional vertical navigation menus into one large panel.
  
  This article will walk you through the mega menu in detail. I will tell you what parts it consists of and how to easily and quickly create a mega menu shown in this example. You can load this example for editing or create a new one from scratch using Dropdown Menu Generator.
  
  Read more: How To Create Mega Menu: Best Practices and Design Tips



• Improvements and bug fixes
  
  
  
  • Several minor bugs are fixed.

• Blog post: 10 Easy Tips to Improve Website Navigation
  
  
  
  
  When site visitors arrive at a page and can't find the information they're looking for, they may move on to other sites that are easier to navigate. That's why proper navigation is so important. It is the cornerstone of every website. A good navigation system is consistent, reliable, and easy to use, allowing visitors to quickly browse the content and find what they are looking for. It's a vital tool in building trust with your audience.
  
  Read more: Website Navigation: 10 Easy Tips to Improve



• Live Demo: Scrollable Menu
  
  
  
  
  Having a lot of products is great, but that also means that you have a lot of navigation items. More navigation items mean more links. If your navigation bar is feeling a little too long, try using a scrollable menu to relieve the crowding.
  
  Examples and tutorial: Scrollable Menu



• Improvements and bug fixes
  
  
  
  • Breadcrumb Navigation
    
    We have upgraded the navigation on our site to include a breadcrumb. We've gotten many requests for this feature and are glad to provide it to all of our visitors. This will allow you to easily find and navigate through our site to find what you are looking for.
  
  
  • Sign up with Facebook and Google
    
    Signing up has never been easier. We've added a simplified registration with Facebook and Google, giving you the ability to choose your account's username and e-mail instantly.
  
  
  • Interface enhancements to better serve you.
  
  
  • Several minor bugs are fixed.

• Blog post: How To Create A Sidebar Menu
  
  
  
  
  You can easily empower your website with a modern sidebar menu, making your audience stay on your website for a longer time while providing a better user experience. Sidebar menu not only can play the role of an additional navigation subsystem on the left or right of the website. For small screens, it is a necessary tool for navigating the site.
  
  Read more: How To Create A Sidebar Menu




• New web fonts
  
  Menu Generator now offers 10+ standard fonts and 50+ of the most popular web fonts including:
  
  
  • Karla
  • Marcellus SC
  • Montserrat
  • Open_Sans
  • Raleway
  
  
  




• Updated: Submenu alignment
  
  This option specifies the horizontal submenu position relative to its parent element or window. Applied to the submenus of the horizontal menu only. Available values:
  
  
  • left - aligns the left edge of the submenu with the left edge of its parent.
  • center - sets the center position relative to the parent element.
  • wcenter - sets the center position relative to window.
  • right - aligns the right edge of the submenu with the right edge of its parent.
  • length - specifies integer value of the left margin in pixels with a range from -9999 to +9999.




• New Examples
  
  Check out the website navigation examples including the navigation bar with icons, images, transparent elements, customized with the CSS code, and more.
  
  
  
  • Navigation Bar
    
    
    
    Easy to use and understand, the classic navigation bar is the ultimate source for browsing at all websites and can be placed on any web page.
    
    
    
  • Vertical Navigation Bar
    
    
    
    Simple and articulate, these navigation bars give you an overview of the different sections of a website, making it easier for you to choose.
    
    
    
  • Sidebar Menu
    
    
    
    This type of navigation menu collapses on a side and opens on-demand, allowing to save screen space. The demo shows how the navigation bar assimilates with the website design as a sidebar menu.
    
    
    
  • Menu with Icons
    
    
    
    This is an awesome example of the website navigation system with icons for any website design, including websites for business, e-commerce stores, clothing brands, online TVs, podcasts, and more.
    
    
    
  • Menu with Images
    
    
    
    Navigation system with graphics communicates instantly as the brain interprets images much quicker than the plain text.
    
    
    
  • Mega Menu
    
    
    
    This type of website navigation tool helps to keep all links in one place so that users are provided with maximum choice with minimum effort.
    
    
    
  • Responsive Navbar
    
    
    
    A responsive navbar is your best bet! It is customized for big screens or small screens, adapting to any screen size.
    
    
    
  • Sticky Menu
    
    
    
    Sticky menus provide a user-friendly interface by being consistently visible even when users scroll down the page.
    
    
    


• Interface improvements and bug fixes

• Blog post: How To Create A Hamburger Menu
  
  
  
  The hamburger menu is a website navigation element. It is a button which consists of three parallel horizontal lines. Clicking this button results in a menu being revealed.
  
  There are two main benefits of using a hamburger menu with your website:
  
  
  • It saves the space on your web pages. This is especially relevant to web sites optimized for mobile devices.
  • The hamburger menu is a very popular element; it gives easy access to your navigational menu, that improves the overall user experience.
  
  In this post, I will describe how to create a hamburger menu using Dropdown Menu Generator. Knowledge of HTML, CSS or JavaScript is not required.
  
  Read More: https://www.dropdownmenugenerator.com/blog/hamburger-navigation.aspx




• Structure Editor: copy/paste functionality
  
  Using the context menu, you can now copy an element with the child elements and paste it into any place of the structure tree. Copied elements are inserted above the element selected for paste.
  
  
  




• Interface improvements and bug fixes

• Blog post: How to Add Images to Dropdown Menu
  
  It's a well-known fact that images can help attract more visitors to the website, and ultimately help to achieve business goals such as sales. So why not add images to the dropdown menu to make website navigation more user-friendly?
  
  In this post, I will describe how to add images to the website navigation menu. Knowledge of HTML, CSS or JavaScript is not required.
  
  
  
  
  Read More: https://www.dropdownmenugenerator.com/blog/menu-with-images.aspx




• Live Demo: Dropdown Menu with images for the cafe/restaurant website
  
  This Live Demo demonstrates the plain web page with a simple navigation menu for the cafe/restaurant website. The "Food Menus" element includes the child elements with images.





• Submenu orientation
  
  The new property "Submenu Options -> Submenu orientation" specifies the orientation of the submenu (Vertical or Horizontal).
  
  
  




• Interface improvements and bug fixes

• Privacy Policy and Terms of Use: amendments
  
  Dropdown Menu Generator prioritizes privacy and transparency, so we have updated our Terms of Use and Privacy Policy.

• HTML elements
  
  Menu elements can now be of five types: Links, Headers, Separators, Images, and HTML elements.
  
  The HTML element is the most versatile element in Menu Generator. It can include custom HTML code, icon and link (URL) to the web page or document.
  
  
  




• Blog post: How to Add Search Box to Navigation Menu Bar
  
  It is no secret that the menu is the most convenient, simple and fast way to navigate. Also, existing research shows that most people look for a search box even if a website consists of only a few pages. That's why a combination of navigation menu and search input field is so important to the success of your website.
  
  
  
  
  Contents:
  
  
  • Add New HTML Element
  • Style Your Search Box
  • Set the Location
  • Further improvements
  
  Read More: https://www.dropdownmenugenerator.com/blog/search-bar.aspx





• Live Demo: Menu Bar with Search Box
  
  This example shows the navigation menu with the search box on the right side of the menu bar.
  To provide a better user experience, the search box has a dropdown menu with relevant links.
  
  
  
  
  Live Demo: https://www.dropdownmenugenerator.com/demos/searchbox/index.htm





• Instant Menu Wizard
  
  This new tool crawls your website, extracts the links and automatically creates a menu structure.
  
  
  




• Updated JavaScript method: dm.ApplyCSS(MenuName, ClassCSS, Submenus);
  
  Menu Generator gives you a wide variety of ways to customize the appearance of your menu. An additional level of customization can be reached using CSS code. To apply a custom CSS class to the menu, just run the "dm.ApplyCSS(...);" JavaScript method.
  
  This method now includes the third parameter 'Submenus'. If it is specified, the custom CSS class is applied to the Submenus. If the third parameter is empty, the custom CSS class is applied to the menu bar.




• Interface improvements and bug fixes

• Blog post: Tips and Tricks – Part 3
  
  In Part 1 and Part 2, I have highlighted some tips and tricks to get a website menu more user-friendly and attractive to website visitors. In this part, I will reveal some useful user interface features that will help you become a more efficient Menu Generator user.
  
  
  
  
  Contents:
  
  
  • Menu Structure: Element in the Proper Place
  • Show/Hide Elements
  • Import Navigation Links
  • Undo/Redo
  • Duplicate Menu
  • etc.
  
  Read more: https://www.dropdownmenugenerator.com/blog/menu-tips-3.aspx




• Import
  
  You can now easily import HTML code with menu links into Menu Generator. To import menu structure, just click on the Import button and paste the code into the input field.
  
  
  
  
  A classic menu structure is a series of nested <ul> elements; a single link is a combination of the <li> and <a> elements.
  
  Example code with two levels of hierarchy:
  
  

  <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">About Us</a>
          <ul>
              <li><a href="#">News</a></li>
              <li><a href="#">Events</a></li>
              <li><a href="#">Gallery</a></li>
          </ul>
      </li>
      <li><a href="#">Support</a></li>
      <li><a href="#">Contact Us</a></li>
      <!-- etc. -->
  </ul>
  





• Usability Enhancements
  
  We have worked hard to make our Menu Generator as clean, flexible and easy-to-use as possible. Here’s what’s new:
  
  
  
  • Better performance
    
    Menu Generator is now based on new, significantly improved core. As a result, the system works much faster, especially with the menus, which have a large number of elements.
    
    
    
  • Menu Name
    
    Now you can set the desired menu name from the Options, Design Window or My Menus page.
    
    
    
    
    
  • Design Window: Background Color
    
    Color contrast is very important for better readability. For a light-colored or transparent menu, you can set the dark background.
    
    
    
    
    
  • HTML in tooltips
    
    You can now insert HTML code in tooltips. For example, you can use images, formatted text, any other HTML element as information about the menu element is being hovered over.
    
    
    
    
    
  • Personal settings
    
    Menu Generator now remembers its state (active Tabs, expanded option groups, IDE settings, etc.), even if a user closes the browser.
    
    




• New templates
  
  




• Fixed Bugs

• Blog post: Dropdown Menus: Tips and Tricks – Part 2
  
  In Part 1, I have highlighted some tips and tricks to get a website menu more user-friendly. In this part, I will continue talking about other useful tips and tricks to get a website menu even more attractive to website visitors.
  
  
  
  
  Contents:
  
  
  • Headers and Separators
  • Web Fonts
  • Multi-color icons
  • Menu with Logo Image
  • etc.
  
  Read More: https://www.dropdownmenugenerator.com/blog/menu-tips-2.aspx




• New JavaScript method: dm.ApplyCSS(MenuName, ClassCSS);
  
  Menu Generator gives you a wide variety of ways to customize the appearance of your menu. An additional level of customization can be reached using CSS code. To apply a custom CSS class to the menu, just run the "dm.ApplyCSS(...);" JavaScript method.
  
  For example, to apply the "Border" CSS class to the "MyMenu1" menu, use the code below:
  
  
  <script type="text/javascript" src="./MyMenu1/MyMenu1.js"></script>
  <div id="MyMenu1"></div>
  
  <style type="text/css">
  .Border
  {
    border:solid 1px #587DBC;
  }
  </style>
  
  <script type="text/javascript">
    dm.ApplyCSS('MyMenu1','Border');
  </script>





• Live Demo: CSS customization
  
  
  
  
  This example shows the menus (including code samples) that are customized with the additional CSS code:
  
  
  • Border
  • Rounded Corners
  • Blurred Borders
  • Transparent Gradients
  • etc.
  
  Live Demo: https://www.dropdownmenugenerator.com/demos/customcss/index.htm




• JavaScript methods: dm.HideItem(...); and dm.ShowItem(...);
  
  The dm.HideItem(MenuName, ElementID); method hides the selected element.
  The dm.ShowItem(MenuName, ElementID); method shows the hidden, selected element.




• Extended the JavaScript method: dm.HighlightItem(...);
  
  The dm.HighlightItem(...); method now supports highlighting the multiple elements. The syntax:
  
  dm.HighlightItem('MyMenu5', ['i48', 'i69', 'i106', 'i28']);




• Added web font: Quicksand
  
  Menu Generator offers 10+ standard fonts and 50+ of the most popular web fonts.




• Improvements and bug fixes
  
  
  • Interface enhancements to better serve you.
  • Several minor bugs are fixed.

• Blog post: Dropdown Menus: Tips and Tricks
  
  In this short post, I’m going to show how to use Menu Generator more effectively. The main goal is to make a website menu most user-friendly.
  
  
  
  
  Read More: https://www.dropdownmenugenerator.com/blog/menu-tips-1.aspx




• Video Tutorials
  
  Our free video tutorials will quickly guide you through everything you need to know about Menu Generator.
  
  

  Creating a Simple Dropdown Menu (1:42)	Adding Menu to a Web Page via Embed Code (0:38)
  Element Types (2:04)	Multi-Column Submenus (0:54)

  
  Here’s a complete list of video tutorials: https://www.dropdownmenugenerator.com/videos.aspx




• Right float elements
  
  The Right float property specifies that the element will float on the right side.
  
  
  




• New property: Hoverable
  
  Uncheck the Hoverable checkbox (on the "Element Properties" tab) if the Link Element or Image Element must not be highlighted when a user moves the mouse over it.




• Improvements and bug fixes
  
  
  • The new design of Structure Editor to better serve you.
  • Universal Embed Code; it can be used for both "HTTP" and "HTTPS" URLs.
  • Enhanced the site performance by better data compression.
  • Fixed the bug with "&" symbol in the Responsive menu.
  • Fixed the bug with Arial Black font in Mozilla Firefox browser.
  • Fixed the bug with an incorrect width of the vertical menu.
  • Several minor bugs are fixed.

• Element Paddings
  
  The padding property allows you to specify how much space should appear between the content of an element and its border. You can set different padding values (horizontal or vertical) for the main menu and submenus.
  
  
  




• New Icons
  
  Menu Generator now includes the collection of 123 most popular icons.
  Added new icons: Phone, Smartphone, Instagram, Headphones, Share, Hashtag, and More.
  
  
  




• Starter Plan
  
  Menu Generator introduces the new Starter Plan which is a "light" version of the main Basic Plan.
  
  Starter plan is suitable for customers who need a single menu for a small website. It includes all the main features such as multiple levels of hierarchy in the structure, full access to Template Library, customizable arrow indicators, etc., and allows you to create a professional menu for your website.
  
  Learn more about plans and pricing here.




• Embed Code with unique identifier
  
  Some browsers are very zealous in using cached copies of JavaScript files. This leads to a problem when you update the menu in Menu Generator, but the user's browser keeps on using the cached (old) copy.
  
  Now Embed Code includes a hash value as a unique identifier which forces the browser to display the latest version of your menu.
  
  
  




• Submenu mouse events
  
  You can now use different events to open/close submenus.
  
  
  • Mouse event to show - specifies a value indicating whether the submenus are opened by mouse click or automatically when the user moves the mouse pointer over the menu element.
  • Mouse event to hide - specifies a value indicating whether all of the opened submenus are closed by mouse click outside the menu or automatically when the mouse goes away.




• Improvements and bug fixes
  
  
  • Fade effect - specifies whether the menu displays the submenus with animated Fade effect.
  • Image Element - now you can change the image without deleting the element.
  • Live Demos - you can now load the live demos in Menu Generator for editing.
  • Several minor bugs are fixed.

• Image Element
  
  Added support for images in menu elements.
  
  Menu now consists of the four types of elements: Links, Headers, Separators, and Images. Image Element is similar to the Link Element. It includes a raster image, text (label) and link (URL) to the web page or document.
  
  People process visual information faster. Adding images to the menu provides visitors with visual clues about the site content and adds a nice design touch to your site.
  
  
  




• Live Demo: Menu with Images
  
  This example shows the menu which is based on Image Elements. The "DIY Projects" submenu is split into columns (including Header Elements).
  
  
  




• Blog post: Creating Advanced Dropdown Menus
  
  Today, a simple CSS menu is the most common tool for website navigation. Unfortunately, in many cases, a CSS menu does not meet all requirements of usability.
  
  In this short post, I will show you how to create a truly user-friendly website menu with the following "sweet" features:
  
  
  • Headers & Separators
  • Arrow indicators
  • Icons
  • Multi-column dropdown menu
  
  
  
  
  Read More: https://www.dropdownmenugenerator.com/blog/advanced-menus.aspx




• Show/Hide Elements
  
  The Visibility property allows hiding an element without deleting it. Hidden elements are displayed in the structure tree as semi-transparent.




• Image preloading
  
  Menu now uses a special mechanism for image preloading.
  
  Preloading is a technique where the image is downloaded to the cache before it's needed. That way when the image is really needed it can be retrieved from the cache and displayed immediately.
  
  Thus, a background image of the hovered element (or submenu background image) appears now immediately and without "empty squares".




• One style for multiple menus
  
  Now only one style (Web Font, Icon Set) is used for multiple menus placed on the page. This significantly improves performance of the page with multiple menus.




• Line breaks in Tooltip
  
  Tooltip now has support for line breaks. To add a line break, use the "<br>" tag. Example: Line1<br>Line2




• Several bugs are fixed.

• Links, Headers, and Separators
  
  Menu now consists of the three types of elements: Links, Headers, and Separators.
  
  
  • Link is a basic menu element. It can include an icon, text (label) and link (URL) to the web page or document. The browser is directed to the URL when a user clicks the Link Element.
  • Header is a useful element which allows organizing the menu elements into groups.
  • Separator is a simple element which represents a thematic break between the groups of elements.
  
  
  




• Multiple-Column Dropdown Menu
  
  Dropdown menu (submenu) can now include a division of various categories in a single panel. This new feature gives an effective solution to displaying a lot of content while keeping a clean layout.
  
  
  
  
  
  This Live Demo shows the menu with multiple-column dropdown menu. Details:
  
  
  • The "Products" submenu is split into three columns.
  • Elements are arranged into groups (with headers).
  • The "All Devices" element has also a submenu.
  • The submenu includes a vertical line between each column to make the layout more visually appealing.




• Referral Program
  
  Our Referral Program is simple. For each person you refer who makes a purchase (for the first time or renewal), you will get 3 free months to your subscription. Also, when someone uses your link to sign up, they get 20% off for the first order.
  
  Find your own unique referral link on the Account Settings page and share it on Facebook, Twitter, Pinterest or your blog - wherever your friends can see it. Or, use the direct share buttons which include your referral link.
  
  
  




• Several bugs are fixed.

• Custom Icons
  
  Menu Generator includes the fixed collection of 100+ most popular icons. Now you can import your own icon sets and use them for the menus in Menu Generator.
  
  




• Blog post: How to Add Vector Icons to Website Menu
  
  There is no need to repeat that the most effective way to make site navigation a truly user-friendly is to add icons. This blog post describes how to add custom icons to your Dropdown Menus.
  
  
  
  
  Read More: https://www.dropdownmenugenerator.com/blog/menu-with-icons-2.aspx




• Line Breaks
  
  To add a line break to the item text, use the <br> tag. For example:
  
  Line #1<br>Line #2




• The "~" (tilde) symbol
  
  Now, the link can include the tilde as the first symbol. For example:
  
  ~/MyPage.htm
  
  This symbol is an abbreviation for the home directory of the website.
  Thus, the link will be considered as "http://www.MySite.com/MyPage.htm".




• Several bugs are fixed.

• Submenu Alignment
  
  The option specifies the horizontal submenu position relative to its parent item. Applied to the submenus of the horizontal menu only. Available values:
  
  
  • left - aligns the left edge of the submenu with the left edge of its parent.
  • center - sets the center position relative to the parent item.
  • right - aligns the right edge of the submenu with the right edge of its parent.
  • length - specifies integer value of the left margin in pixels with a range from -9999 to +9999.
  
  
  




• Empty arrows
  
  Added support for empty arrow indicators. If you do not want to show arrow indicators in your menus, use empty arrows.
  
  
  




• Video: Dropdown Menu Generator - Overview
  
  The following video gives a quick overview of features and functionality.
  
  




• Blog post: How to Add a Mobile Responsive Dropdown Menu in Blogger
  
  In my previous blog post, I described how to add Dropdown Menu in Blogger. That post describes the basics for creating a menu and adding it to the desktop version of your blog. This post expands on this scenario by adding your existing menu to the mobile version of your blog.
  
  
  
  
  Read More: https://www.dropdownmenugenerator.com/blog/responsive-menu-blogger.aspx




• Blog post: How to Add Dropdown Menu to Homestead website
  
  Homestead SiteBuilder is a very popular, easy-to-use website building tool, which allows you to quickly create an entire website for business or hobby. SiteBuilder includes hundreds of design templates to choose from. You can insert photos, videos, e-commerce capabilities and much more. Unfortunately, SiteBuilder has no such useful component for website navigation, as a dropdown menu.
  
  In this post, I will describe how to add a professional dropdown menu to your Homestead website. Knowledge of HTML, CSS or JavaScript is not required.
  
  
  
  
  Read More: https://www.dropdownmenugenerator.com/blog/menu-with-images.aspx




• Free version has been discontinued
  
  We are sorry, but the free version forces us to focus on volume and less on features. In our plans to add more features to Menu Generator. If you have the Free account, you can continue using it for free.




• Several minor bugs are fixed.

• Responsive Menu
  
  Menu Generator now includes new options for Responsive Menu. How does it work? If the viewport width is less than the width of the menu bar, an alternate compact menu appears.
  
  Make your menu responsive just by enabling the "Responsive Menu" option. If the menu includes a large number of items, enable the "Expandable Nodes" option to save screen space.
  
  To see the responsive menu in action, open the Live Demo.
  
  
  




• New icons + grouping
  
  Menu Generator now includes the collection of 116 most popular icons. Added new icons: Tumblr, Flickr, sport, weather, Oscars Award, and cancel2. The collection displays the icons grouped by categories.
  
  
  




• JavaScript for item click
  
  Now you can put the JavaScript call in response to a menu click.
  The following syntax is used: "javascript: function();".
  
  




• Single-icon items
  
  The main horizontal menu is now optimized for single-icon items. The icons are now displayed with center alignment.
  
  
  




• Improvements and bug fixes
  
  
  • Improved menu performance in Internet Explorer.
  • Several minor bugs are fixed.

• Web Fonts
  
  Added support for web fonts. Now the collection offers 11 standard fonts, and 51 of the most popular web fonts. Use of non-standard fonts will give your menu the attractive look that matches the theme of your site.
  
  
  




• Support for SSL ("https")
  
  Embed Code is now compatible with a website which runs on SSL ("https") protocol.
  
  By default, Embed Code uses the "http" protocol:
  
  
  
  If the Embed Code is placed on the site which runs on SSL, you should specify the "https" protocol:
  
  <script type="text/javascript" src="https://Menu16.com/U/...
  
  




• Arrow Indicators as Unicode Symbols
  
  Menu Generator now does not use images for arrow indicators. They are represented with Unicode symbols and displayed as a plain text. This significantly improves performance of your menu.
  
  
  




• New icons
  
  Menu Generator now includes the collection of 105 most popular icons. You can use the general icons (Home, Help, E-mail, etc.), icons for social networking (Facebook, Twitter, etc.), currency symbols, multi-purpose icons (arrows, dots, etc.) and others.
  
  
  




• Improvements and bug fixes
  
  
  • Menu Generator has been moved to the new server for better performance, reliability, and uptime.
  • For Priority Technical Support you can now use direct e-mail address. Available for Paid plans only.
  • Fixed the bug in Menu Generator when you edit two or more menus at the same time.
  • The size of the menu's script has been reduced. As a result, the menu works with better performance results.
  • Fixed the bug with "&" symbol in the menu links.
  • Several minor bugs are fixed.

• Menu hosting with Embed Code
  
  Now your menu is hosted on our server and you can use Embed Code to display it directly on your web pages. So, you do not need to download the menu and then upload it to your website; any modification made to the menu in Menu Generator will be immediately reflected in the menu on your web pages.
  
  
  




• Fixed Positioning
  
  Now the menu can be displayed with a fixed position. A fixed position menu is positioned relative to the viewport, or the browser window itself. The viewport doesn't change when the window is scrolled, so a fixed positioned menu will stay right where it is when the page is scrolled.
  
  This Live Demo shows the menu displayed with a fixed position. It means that if you scroll down, the menu will remain in the viewport - so you can quickly access the navigation no matter where you are on the page.




• Live Demos
  
  The Live Demos Page includes a few menu examples such as a standard dropdown menu with icons and semi-transparency, the menu with scrollable submenus, the menu in fixed position (Sticky Menu), and others.
  
  
  




• Several minor bugs are fixed.

• FAQ section
  
  The new FAQ section is intended to provide an easy and quick way to find answers to most frequently asked questions.
  
  
  




• Bold, Italic, and Text Alignment
  
  Additional options help to get the desired menu appearance. You can now choose the Font Family, Font Size, Text Alignment, and make the text Bold and Italic.
  
  
  




• Highlighting an item
  
  Now you can highlight the current menu item (make it active) by using the additional code. The highlighted item indicates which page the user is currently viewing. The code highlights the selected item as well as all the parent items (the whole navigation path).
  
  
  




• More independence from the page's CSS style
  
  CSS (Cascading Style Sheets) is used to style page elements. As a result, the appearance of the menu may differ from the selected template because the page's CSS may style the menu as well.
  
  Now Menu ignores most of the page CSS rules and displayed with the required appearance, according to the chosen template.




• Several minor bugs are fixed.

• Context-Sensitive Help
  
  A help icon (a blue circle with a question mark) is added to key places in Menu Generator. When a user clicks the help icon, a "pop-up" window with context help will appear providing hints or tips.
  
  
  




• Scrollable Submenus
  
  Menu Generator now includes the "Submenus Height" property under the Additional Options tab. The property specifies the maximum height in pixels for submenus. A submenu automatically becomes scrollable if its height less than the real height of its contents.
  
  
  




• Ignoring the page's CSS style
  
  CSS (Cascading Style Sheets) is used to style page elements. As a result, the appearance of the menu may differ from the selected template because the page's CSS may style the menu as well.
  
  Now Menu ignores most of the page CSS rules and displayed with the required appearance, according to the chosen template.




• Improvements for better performance results
  
  Now Menu Generator works even faster as it compacts the data before sending it from the browser to the server.




• Blog post: How to Host your Dropdown Menu on Google Drive
  
  A menu created by the Menu Generator is a single folder with a few files. To put the menu on the page, you upload the menu folder to the web server where your site is hosted, and paste a small code into the page to show up your menu.
  
  But what to do if you use a free hosting or publishing platform (such as Blogger or Tumblr) which does not allow uploading custom folders to the site/blog?
  
  Fortunately, Google Drive can be used as an awesome FREE hosting for your menu. Google Drive is a reliable storage with unlimited bandwidth, very fast speed and 100% uptime. You can store your menu on Google Drive, but display it on any website or blog by a direct link to the menu hosted on Google Drive.
  
  
  
  
  Read More: https://www.dropdownmenugenerator.com/




• Blog post: How to Add Drodown Menu in Tumblr
  
  Tumblr is a very popular publishing platform, which includes more than 180 million blogs. Unfortunately, almost all of them do not have a dropdown menu as a highly convenient way to navigate to posts or pages. It is because the themes in Tumblr do not include an option for adding dropdown menus.
  
  In this article, I will describe how to add a multiple level dropdown menu with icons to your blog on Tumblr. Knowledge of HTML, CSS or JavaScript is not required.
  
  
  
  
  Read More: https://www.dropdownmenugenerator.com/blog/drop-down-menu-tumblr.aspx




• Several minor bugs are fixed.

• Support for mobile devices
  
  It is important that your website is compatible with mobile and tablet devices so that the user experience is just as good as the desktop version. Without mobile compatibility, your website will be missing out on huge amounts of potential traffic.
  
  The menu created in Menu Generator is now compatible with iOS (iPhone, iPad and iPod Touch) and Android devices.
  
  
  




• Blog post: Adding Dropdown Menu to a Web Page
  
  No programming or design skills are necessary to create a professional menu with Dropdown Menu Generator. The Generator does everything automatically, quickly, easily and gives out the professional dropdown menu for any web site.
  
  In this short post, we will describe in detail how to add the menu to a web page.
  
  
  
  
  Read More: https://www.dropdownmenugenerator.com/blog/add-menu-page.aspx




• Search Engine Optimization (SEO)
  
  Now the menu is compatible with Search Engines. Menu Generator produces an additional code with menu links. It allows the search engines to index all the pages referenced by the menu links.




• Several minor bugs are fixed.

• New icons
  
  Menu Generator now includes the collection of 100+ most popular icons. You can use the general icons (Home, Help, E-mail, etc.), icons for social networking (Facebook, Twitter, etc.), multi-purpose icons (arrows, dots, etc.) and others.




• Improved scaling of icons
  
  During the customization of your menu, you may change the font size of items. The size of each icon is set automatically and depends on the font size. Now the scaling of the icons is noticeably improved.
  
  
  




• Blog post: How to Create Dropdown Menu with Icons
  
  Icons are very important to the user-interface. The most effective way to make site navigation a truly user-friendly is to add icons to the menu. Icons greatly improve the communication between the visitors and the menu on any website.
  
  Menu with icons stands out from the crowd and looks a lot better than the other ones. The presence of icons proves the quality of the website, makes a great impression on visitors and increases the site traffic.
  
  
  
  
  Read More: https://www.dropdownmenugenerator.com/blog/menu-with-icons.aspx




• New feature: Duplicate Menu
  
  The new feature allows you to create the clone of an existing Menu. It generates the copy, including the structure, template, and all of the menu settings.
  
  
  




• Improvements for better performance results.
  
  Now the Menu Generator compresses the data before sending it to the browser. Website design is enhanced too. No unnecessary images, texts, useless page elements.




• Several minor bugs are fixed.

• Icons
  
  Now you can add an icon to any menu item just by one mouse click. Icons are very important to the user-interface. Icons will greatly improve the communication between the visitors and the menu on your website.
  
  Menu Generator includes the collection of 90+ most popular icons. The size and color of each icon are defined automatically depending on the text of the menu item.
  
  
  





• Blog post: How to Create Dropdown Menus in Yahoo SiteBuilder
  
  Yahoo SiteBuilder is a very popular tool, which allows you to quickly create an entire website without any knowledge of HTML. It includes hundreds of customizable templates for business and hobby uses. With just a few clicks, you can insert photos, create new buttons, add wallpapers, draw tables, create forms and much more. Unfortunately, SiteBuilder has no such useful component for website navigation, as a dropdown menu.
  
  In this short post, I will describe how to add a professional dropdown menu to your website created with Yahoo SiteBuilder. Knowledge of HTML, CSS or JavaScript is not required.
  
  
  
  
  Read More: https://www.dropdownmenugenerator.com/blog/menu-yahoo-sitebuilder.aspx





• Minor website enhancements.

• New post: How to Add Dropdown Menu in Blogger
  
  The use of a dropdown menu is a highly convenient way to navigate. Unfortunately, most blogs at blogger.com do not have this handy feature. The main problem is that blogger.com does not include the Gadget for dropdown menus and most bloggers do not have the programming skills to work with HTML, CSS, etc.
  
  In this article, I will describe how to add a multiple level dropdown menu to your blog on blogger.com. Knowledge of HTML, CSS or JavaScript is not required.
  
  
  
  
  Read More: https://www.dropdownmenugenerator.com/blog/drop-down-menu-blogger.aspx





• New options: Width and Alignment
  
  Now you can adjust the width and alignment for your menu. The width can be defined in pixels or in percent of the containing block. An alignment has three values: Left, Center, and Right.
  
  
  





• New templates
  
  





• Compatibility with incorrect markup.
  
  Now, the menu is displayed properly on web pages, which have an incorrect markup. The menu will ignore a non-valid, a non-well formed or even an illegal HTML/CSS code.



• Minor website enhancements.

• New paid plans
  
  Menu Generator introduces new paid plans and options for our customers.
  
  As before, the Free Plan includes all the main features such as multiple levels of hierarchy in structure, full access to templates library, customizable arrow indicators, etc., and allows you to create a professional menu for your website. Upgrading to a paid plan allows you to get more benefits from our service.
  
  Learn more about plans and pricing here.




• Support for up to 128 separate menus in single account
  
  Now you are not limited to only one menu in your account. Depending on the plan you have chosen, you can have up to 128 different menus in your account. This feature is very useful if you develop/support multiple web sites or if your site includes separate areas for navigation: main menu, side menus, bottom menu, etc.
  
  
  





• Context menu in the Structure Editor
  
  Now you can add/remove menu elements easily by using the context menu in the Structure Editor. An item or a separator can be directly inserted into the proper place in your structure by one click. No more tedious dragging the element through the structure tree.
  
  
  





• Support for multiple menus on the same page
  
  Now you can use a personal name for each menu. It allows you to place multiple menus on the same page for better navigation: main menu, side menus, bottom menu, etc. No more conflicts between menu instances!




• Support for Google Drive
  
  Now you can store your menu in Google Drive and display it on your website, blog, guestbook, photo album, forum, etc. Google Drive can be now used as a hosting with direct link for your menu.




• Minor website enhancements
  
  
  • The Structure Tab now displays the total number of menu elements.
  • Inactive tabs have a compact look with three dots.
  • A separator in the structure tree now reflects the selected state.
  • The message "Menu saved!" is displayed each time when the menu is saved in the database.
  • Standard messages are replaced with a nice-looking modal popup window.




• Code improvements for better performance results.



• Several minor bugs are fixed.

• Customizable arrow indicators
  
  Menu Generator now includes the collection of arrows. You can choose the arrow type and the brightness separately for horizontal menu, vertical menu, and submenus. The color of arrow is defined by the color of item's text (separately for normal and hover states).
  
  
  





• Fixed color set for tooltips
  
  Now a tooltip has a fixed set of colors (grayscale). This was made in order to avoid showing unreadable colors in tooltips after the color customization for entire menu.
  
  
  





• Minor website enhancements
  
  Menu Generator now includes expandable sections of settings. This cleans up the website design and enables the user to choose what he wants to see.
  
  
  
  
  
  
  The optional Tooltip field is now located below the main fields: Text, Link, and Target.
  
  
  





• New templates
  
  




• Fixed the bug where the Zip archive was broken if the menu structure has a large number of elements.



• Code improvements for better performance results.



• Several minor bugs are fixed.

• New website design to better serve you!
  
  The new design not only looks good, but is also more functional. Site performance is enhanced. No unnecessary images, texts, useless page elements.
  
  
  





• Integration with most popular Social Networks
  
  Follow us on Twitter and Facebook to keep up to date with all of our latest news and events! We will inform you about new features, templates, and examples of our Dropdown Menu Generator. Also, you will be informed about all the new blog posts.
  
  Twitter: https://twitter.com/MenuGenerator
  Facebook: https://www.facebook.com/MenuGenerator




• Several minor bugs are fixed.



• Code improvements for better performance results.

• Correct color of arrows
  
  The arrow indicates that the menu item holds its own submenu. Now, the color of arrows corresponds to the color of menu items for both states: normal and hover.
  
  
  





• New templates
  
  




• Several minor bugs are fixed.



• Code improvements for better performance results.

• Font color customization
  
  Now you can set the font color separately for the main menu and submenus.
  Each color has two states - Normal and Hover.
  
  
  





• Transparent menu
  
  By default, the menu has a background color, gradient or texture, depending on which template is chosen. Usually, the website already has some background color or texture. In order to avoid discrepancies between the website and the menu, you can now turn off the menu background.
  
  
  





• Correct color of font shadow
  
  Some of the templates use fonts with shadow effect. Now, the color of shadow corresponds to the color of menu.
  
  
  





• New templates
  
  




• Several minor bugs are fixed.



• Code improvements for better performance results.

• Initial release