I understand that what you’d like to do is create a third level of navigation.
So, in your menu manager you would need to create a structure that is:
Copy of new page > Title > Page
Once we release the ability to do 3 levels you will be able to create this structure and to style them separately. So, you would be able to style (independently) -
Menu Item (Copy of new page)
Submenu Item (Titles)
Sub-submenu Items (Page)
For now, we only have 1 level of submenu items (2 levels total).
So, they all have the same level, like this example:
New horizental menu is perfect ! Let me show you it in my editor. @brett
I want to add some #featurerequests here. Please add or improve following details.
Submenu item’s descriptions: Like Zapier or Digital Ocean’s have in their menus,
Submenu item’s icons: Like Digital Ocean’s have in its menu,
Submenu item’s images: Like Digital Ocean’s have in its menu.
Text padding: Like text buttons in Wix editor,
Submenu column-divider: Submenus can be seperated but there is no column divider at the moment.
Differentiable submenu: We should be able to customize each submenu differently. When we hover over an menu item, each could trigger a different submenu designs.
Thank you for your effort. I hope more advanced menu as I described will be released soon.
@velogenius This is wonderful, thank you!
It is exactly the type of feedback that will help us deliver the correct product to our users.
Submenu item’s descriptions : Very interesting! We haven’t seen many such examples in our research and considered this feature a low priority one. Great that you’ve brought it up. Anybody else highly interested in this? If so, please comment below.
Submenu item’s icons : in our short-term plans.
Submenu item’s images : in our longer-term plans.
Text padding : What is it that you’re missing? You can control the text padding from the Layout Panel. Do you need control per state (Hover, Current Page)? Something else? Were you unable to find it?
Submenu column-divider : in our short-term plans.
Differentiable submenu : in our longer-term plans.
Are your requests listed by their importance to you?
If not, would you say that our current short & long term plans reflect your priorities?
Right now the submenu width can only be set to either match the width of the menu, or to full screen.
However, if you make it full screen you can set the area in which the columns reside to the page width.
Is this useful to you or are you interested in setting the submenu itself to the page width?
As for icons, our current plan is to support this feature quite soon.
BTW, I see another feature we’re currently missing in the site you shared: descriptions below each item’s text. Would you like to have these as well in your submenu, or just the icons?
I’m excited for this new menu feature… it’s been a looooonnnnnng time coming for sure! How soon can we expect to see the horizontal menu on mobile devices as a slider.
@sissi-wedgwood If you happen to be using an Editor you opened more than a week ago, please refresh it. The Editor receives information about what Beta Products and A/B Tests to expose to users only when it loads.
Otherwise, it probably means you’re not registered to the Beta programme. You can join from the Partners Dashboard. @brett Do we have a help article showing how to do this?
When the horizontal menu is open, I hope to have two options. For example, directly use gestures to switch to the next full page. At the same time, the viewer can choose to swipe to view all the horizontal menu categories.
I think others may have touched on this… but I wanted to clarify. When using the Sub-Menu Columns, I would love the ability to design the Sub-Menu by page.
For example:
Here the sub-menu columns look stellar under my “Trainings” tab. (I’ve selected “justified”)
But under my About and Contact tabs, I only have 1-2 sub-menu items and I would like those options to appear in 1 column instead of spread out.
Also, under Contact I have this random “Pay Now” link… but as you can see it’s wayyyy over in the far left corner. It should appear just under the “Contact” bar. I tried removing the “justified” option and played with right/left/center formatting, but again, it doesn’t uniformly look good or make sense across all tabs. Again, I would love to be able to adjust the sub-menu design from page to page.
Also, I realized the columns sub-menu is automatically the same length as the Menu… You’ll see above, there is a ton of white space between the sub-menu “Pay Now” and it’s parent “Contact” tab.
I think it would be better for our users if the columns were responsive - eg. depending on the number of columns shown it should shrink/expand.
But otherwise, I am adding it to a client site now! I feel 100% confident using this already for clients. I am especially excited to start using this Menu with my Dynamic sites! Such a huge upgrade from previous menus. I am over the moon.
Support for keeping the new Horizontal Menu as is on mobile (not replacing it with the Mobile Menu) and letting visitors swipe to reveal more menu items, is something we have in our plans for the last quarter of 2020.
Mind however that whereas this is the current plan, we cannot guarantee we will not change it (for example if something urgent receives priority). I should be able to give you a more accurate estimate in about two weeks time, by which we will have finalised our quarterly plans and synced them with these of the Mobile Editor team.
Also, @whoco2019@otiscreativeideas or anybody else who is interested in this feature - we would love to understand your expectations from a horizontal menu that supports swipe on mobile.
Would you like the scroll buttons to be displayed (and respond to tap) in addition to swipe?
If not, how would you like to convey to your visitors they can swipe the menu? Would you like the outermost items to have a fade effect?
Are you interested in creating a horizontal menu on mobile that both supports swipe and has a submenu? Any website you would like share with us for inspiration?
If so, would the item that opens the submenu be a Folder, or would you like it be a Page? If a Page, what do you imagine should happen when the visitor taps it - open the submenu, navigate to the page, or something else?
@fordcreatv Thank you so much for the kind words and highly valuable feedback!
Indeed, we are planning to give users control over the layout options of each item separately, but this is not something I expect we will be able to pull off in 2020. We do hope to support this feature in the first quarter of 2021 (no guarantees at this point, will update as we get nearer to the end of the year).
May I ask - if we supported the option to set the submenu to Columns layout for some items and to Flyout for others, would you choose Flyout for “About” & “Contact”? Or would you rather have it set to Columns with a single column?
@eyalc When we are working on a product, the moving horizontal menu can be swiped automatically, and different color options can appear on the current page. At the same time, it can be set to swipe left and right or drag up and down in the horizontal menu. The most basic is like a button. Click on the same page to display. For example, click A to directly display all the content below A while maintaining the menu below AZ. Understanding and suggestions about horizontal menus: When the horizontal menu exists, you can swipe left and right to quickly preview and select, but when the quick preview is current The page will not change. When the current page uses gesture operations, it will be updated synchronously with the current page regardless of any position in the preview horizontal menu. And so on.
The upper and lower menus can be consistent with the horizontal menu. The needs are consistent. In order to increase the experience, you can reserve addable pictures and ICON in each sub-menu
As mentioned above, sub menu columns number should be allowed to auto-set according to the number of items it have, and center them.
Otherwise it doesn’t spread out if the numbers of sub menu items doesn’t match the # columns (and nobody actually have the same number of sub items on each main item…so it’s basically impossible to perfect the design on each and every item on the menu).
The alignment is off (screenshot attached) when menu layout is set to “scroll”:
I’ve set the menu to be from right to left, so it’ll fit to Hebrew. Menu is fully stretched with margins of ~50px.
See the gap on the right side (even though I didn’t set any margins) vs the left side, where there is no gap, but should be - to populate the scroll icon so it won’t run over the menu as it is now.
EDIT: seems like a menu margin problem, I’ve set it to 20px and now it looks fine
