The new Horizontal Menu is HERE!!! You can create wide sub-menus, neatly arrange them in multiple columns, and design your sub-menu separately from your menu! You will notice additional style options from our latest-generation design panel. This menu has all our latest SEO improvements, performance, and accessibility.
Huge thanks to @Eyal Michael Cohen and team for opening this one up. Here is the message from the team:
What is it good for?
The new Horizontal Menu is recommended for use as:
A site’s main navigation menu with a prominent submenu arranged in multiple columns (typically used inside the Header)
A secondary navigation menu with a single row of items that can be scrolled horizontally
An auxiliary menu with links that can wrap over multiple rows (typically used at the bottom of the Footer)
How is it different from the current Horizontal Menu?
It has many customization of design and layout options.
The new Horizontal Menu boasts the latest-generation Design Panel.
It comes packed with lots of options, to name a few:
Layered backgrounds of images, patterns and gradients
Specialty borders of patterns and gradients
Text effects such as characters spacing, stroke and shadow
In addition, you can design your submenu completely separately from your menu.
It lets you manage a great deal of content seamlessly
Create wide submenus, neatly arranged in multiple columns.
In addition, it offers two alternatives to handling many top-level items: either have them wrap over multiple rows, or have them arranged in a single row that can be scrolled horizontally.
We decided not to provide an equivalent to the “More” item in the current Horizontal Menu, as it was a source of many complaints over the years.
It enjoys improved SEO, Performance & Accessibility
What’s coming next?
This initial Beta does not yet include all the features we have planned for release, but we sure built it with all of them in mind. Stay tuned as they are coming soon!
If you arrange your submenu in multiple columns, you will be able to classify your items into titles and links.
If you use the Flyout layout, you will be able to open an additional, adjacent, list of items from each submenu item.
Dynamic menu content with Corvid or the Connect to Data Panel
This new menu was built to properly handle dynamic content.
Some examples for what would soon be possible:
Corvid users would be able to add menu entries for logged in users.
Content Manager users could create secondary navigation menus with items being categories managed in a Data Collection.
Swipe on Mobile
At the moment, this new Horizontal Menu is replaced by a Hamburger Menu on mobile, just like the current one.
However, we plan to support keeping it as a Horizontal Menu that lets visitors swipe through the items.
Many other features!
Additional features include icons, dividers, dropdown arrows, transition animations on hover and much more.
Is the new Horizontal Menu replacing the old one?
Eventually, the new menu will replace the old one in the Add Panel and in templates.
For now you will find both in the Add Panel.
Can I convert an old Horizontal Menu on my website to a new one?
You cannot, as the two are incompatible. Keep in mind that a conversion feature will not be released. Therefore, you'll need to create a new horizontal menu for all sites currently using the previous version.
Will the new Horizontal Menu be available in the Themed Menus section and support the Copy Design feature?
Yes. This is planned and we will let you know once it’s available.
OK, that came out a little long but I hope it covers most of the questions you may have upfront.
Hope you find this new product valuable. We are here to answer any questions you may have. Please share with us which features you desire the most so that we can prioritize our work better!