What's New

August 04, 2021



  • Icon Bar: How To Make It with Ease


    How To Make Icon Bar - Tutorial and Icon Bar Design Tips

    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


    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.


March 04, 2021



  • Blog post: 10 Easy Tips to Improve Website Navigation


    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


    Scrollable Menu: Examples and Tutorial

    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.


April 23, 2020



  • Blog post: How To Create A Sidebar Menu


    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


    Web fonts



  • 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

      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

      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

      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

      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

      Menu with Images

      Navigation system with graphics communicates instantly as the brain interprets images much quicker than the plain text.


    • Mega Menu

      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

      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 Menu

      Sticky menus provide a user-friendly interface by being consistently visible even when users scroll down the page.



  • Interface improvements and bug fixes


May 06, 2019



  • Blog post: How To Create A Hamburger Menu

    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.


    Copy/paste menu elements



  • Interface improvements and bug fixes


October 10, 2018



  • 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.


    How to Add Images to Dropdown Menu

    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


May 25, 2018



  • 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.


April 25, 2018



  • 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.


    How to Add Search Box to Navigation Menu Bar

    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


February 09, 2018



  • 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.


    Dropdown Menus: Tips and Tricks – Part 3

    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.


    Import Navigation Links

    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.

      Menu Name


    • 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.

      HTML in tooltips


    • 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


December 04, 2017



  • 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.


    Dropdown Menus: Tips and Tricks – Part 2

    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.


February 15, 2017



  • 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.


    Dropdown Menus: Tips and Tricks

    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.


    Right float property



  • 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.


November 16, 2016



  • 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.


    Element Paddings



  • New Icons

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


    New Icons



  • 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.


    Embed Code with unique identifier



  • 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.


March 31, 2016



  • 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.


    Menu elements



  • 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).


    Menu with Images



  • 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


    Creating Advanced Dropdown Menus

    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.


December 23, 2015



  • 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.


    Menu 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.


    Multiple-column dropdown menu


    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.


    Referral Program



  • Several bugs are fixed.


October 13, 2015



  • 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.

    Custom Icons



  • 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.


    How to Add Vector Icons to Website Menu

    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.


March 21, 2015



  • 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.


    Submenu alignment



  • Empty arrows

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


    Empty arrows



  • Video: Dropdown Menu Generator - Overview

    The following video gives a quick overview of features and functionality.

    Dropdown Menu Generator - Overview



  • 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.


    How to Add a Mobile Responsive Dropdown Menu in Blogger

    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.


    How to Add Dropdown Menu to Homestead website

    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.


February 13, 2015



  • 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.


    Responsive menu



  • 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.


    Icons



  • JavaScript for item click

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

    JavaScript call



  • Single-icon items

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


    Single-icon items



  • Improvements and bug fixes

    • Improved menu performance in Internet Explorer.
    • Several minor bugs are fixed.


November 18, 2014



  • 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.


    Web Fonts



  • 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:

    Embed Code

    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.


    Arrow Indicators



  • 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.


    Icons



  • 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.


June 30, 2014



  • 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.


    Menu hosting with Embed Code



  • 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.


    Text formatting options



  • Several minor bugs are fixed.


May 23, 2014



  • FAQ section

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


    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.


    Text formatting options



  • 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).


    Item highlighting



  • 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.


April 25, 2014



  • 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.


    How to Host your Dropdown Menu 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.


    How to Add Dropdown Menu in Tumblr

    Read More: https://www.dropdownmenugenerator.com/blog/drop-down-menu-tumblr.aspx



  • Several minor bugs are fixed.


March 26, 2014



  • 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.


    Adding Dropdown 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.


February 28, 2014



  • 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.


    How to Create Dropdown Menu with Icons

    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.


January 22, 2014



  • 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.


    Dropdown Menu with Icons




  • 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.


    How to Add Dropdown Menu in Yahoo SiteBuilder

    Read More: https://www.dropdownmenugenerator.com/blog/menu-yahoo-sitebuilder.aspx




  • Minor website enhancements.


November 25, 2013



  • 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.


    How to Add Dropdown Menu in Blogger

    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.


October 24, 2013



  • 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.


June 05, 2013



  • 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.


April 19, 2013



  • 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.


April 02, 2013



  • 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.


March 01, 2013



  • 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.


December 03, 2012



  • Initial release
Uploading ...