Top Level Hamburger Menu Items Do Not Open Pages

Hi,

We added your request to our wish list.
Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Well, that does what it's supposed to do but I can't say it's user-friendly or at all intuitive (as others have pointed out): the user clicks on the top-level menu and the corresponding page opens but the menu is no longer displayed so unless the user remembers to go back and look at the now-open sub-menu, she/he may never realise there is a sub-menu.

I think I'll give that a miss.

The only acceptable way seems to be to use on-click sub-menus and simply not have anything (or nothing of any importance) on the top-level menus items that have a sub-menu.

One setting that would be useful is to provide an indent to sub-menu items in the hamburger panel menu. If they are not indented, they are not differentiated from the top-level items in any way. This can be done by CSS:

/* Indent the sub-menu items in the hamburger panel menu */
.u-nav-container-collapse .u-nav-popup .u-nav {
    margin-left: 20px;
}

But a setting in Desktop would be far better. Can you add this to your wishlist as well as some other control over sub-menu item styling to make them more obvious?

Olivia

I had seen that option but clearly didn't understand what it meant or what it did. I'll take a look.

Thanks!

Alan

Hi Alan,

Quite a long time ago we implemented the menu option that allows opening parent item link: Menu >> Hamburger Panel >> Submenu Level >> With Reload.
Did you try this option?

The Position element creates a regular position for Joomla modules. The Menu element works the same. it create Joomla position for menu module called "hmenu".

Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Thanks, Allen.

I may have made some progress but I'm certain I don't fully understand all of this.

I suspect I need to add a position in Desktop to the hamburger panel and call it, say, Hamburger. In joomla, I can then create a menu (that I've called Hamburger) and create a module that places the Hamburger menu in the Hamburger position created in Desktop.

I'm not sure I have this right, so let me go back to basics and explain what I am trying to achieve.

As highlighted in the post that started this topic, top-level hamburger menu items do not display the article/category blog attached to that menu item but simply opens the sub-menu. You say you have no plans to change this. I have an existing site (designed in Artisteer) that has joomla articles and/or joomla Categories attached to each top-level menu item. In my new Nicepage template, this works perfectly in non-mobile screen sizes with the main (text) menu. However, when the Hamburger icon is clicked on in smaller screen sizes, clicking on the top-level menu simply opens the sub-menu levels and does not open the joomla article, There is no way to give the visitor access to that joomla article.

So, to work around that, I think the only way is to create a new menu that is a copy on the main menu but with the top-level menu items repeated as the first sub-menu item. This is what I was trying to illustrate above:

Main menu:
About
-Contact
-FAQs

Hamburger menu for the panel:
About
-About << This is a duplicate of the top-level menu item that will give access to the article/category blog attached to this item
-Contact
-FAQs

I then need to ensure that it is this new Hamburger menu that appears in the panel and not the main menu.

I think I need to create a joomla position in the panel so that I can access it in joomla and assign my Hamburger menu to it.

I think this will work but can you say whether it will work, whether it's the best workaround and tell me how to go about this?

Let me know if you still need access to the (demo) site but if you can point me in the right direction here, hopefully that won't be necessary.

Last edited 20 January 2022 by Alan Henness

Alan,

Please create a separate private case, providing temporary access to your website and the project. Also, it will help us if you provide examples of what you are trying to achieve.

...................................................
Sincerely,
Allen R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

I can now create a different menu on the hamburger panel and that appears on the site when I import it.

Although it used the menu I had in Desktop, I want to be able to assign a menu in joomla. However, even though I gave the menu a name (Hamburger) in Desktop, and a position was created in joomla with this name (so menu Name in Desktop is the position name, not the menu name?), when I created a new Hamburger menu in joomla and assigned it to the new Hamburger position, the menu in the panel was the one imported in the template (but this does not appear as a new joomla menu so I can't edit that).

There's clearly something I don't fully understand here: can you explain how I can attach a menu in joomla to the hamburger panel position?

I am still trying to understand how to make the hamburger menu usable.

I'm not sure what I suggested above works - I may need to be some more rigorous testing but I think all I get is a duplicate menu in the header - I'm not convinced the joomla template obeys the 'Hide on devices' setting.

However, can you confirm I have understood this correctly: If I select the tablet view, then hamburger panel, the main menu is displayed in the panel but it doesn't need to be that menu because it can be deleted and replaced with an entirely different menu that could have the additional repeated top-level menu items as I described above?

This is still a workaround for the problem that the hamburger menu panel only opens the sub-menu and does not open the article, category blog, or whatever is attached to that top-level menu item but this might be a good interim workaround.

Have I understood this correctly or can you suggest the best way around the issue?

Last edited 20 January 2022 by Alan Henness

Has anyone got suggestions for a workaround this severe limitation in the hamburger menu functionality?

If the same menu is created and used for the main menu and the hamburger menu, the links to the pages attached to the top-level menu items are lost in the hamburger menu. Either they would have to all be removed and linked to the sub-menu so the same menu can be used for both or a separate menu created that duplicates the top-level menu items as a new item in the sub-menu and this used for the hamburger menu.

The latter works (in WordPress anyway) but you then have to maintain two separate menus (whether in WordPress or in joomla). Another downside of doing this is that on the hamburger menu you have a top-level menu and the name repeated just below if. For example, if you have an About main menu item (with some information about the organisation) and with Contact and FAQs as sub-menu items, the hamburger menu would have About as the top-level menu item then the first sub-menu item would be a repeat of About (so the organisation information can ve viewed), followed by Contact and FAQs like this:

Main menu:
About
-Contact
-FAQs

Hamburger menu:
About
-About
-Contact
-FAQs

This is just messy: is there a better way of doing this that doesn't entail creating and maintaining separate menus with duplicate sub-menu items?

But in joomla, how would I do this?

I can create a new menu in the header that is hidden on the larger screen sizes, with the full menu hidden on the smaller screen sizes. Do I give it the name hmenu so that it appears in the same module position? Do I need to do anything more?

Hi Hella, Thank you! Changing to >> With Reload works much better with Hamburger Menus although it would be nice if when selecting the top menu item it would also show the sub menus without having to click on it again to see them.

But the much bigger issue now is that with the >> With Reload option selected on non-Hamburger views (PC & Laptop) when selecting the top menu the sub menu drop down appears and doesn’t go away no matter where on the page is clicked. It even stays open when you select and go to one of the subpages.

Is there another option I also need to do or is it a bug?

Hi,

Please select the Menu >> Hamburger Panel >> Submenu Level >> With Reload.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Thank you for this! works great now.

Hi Hella, Thank you! Changing to >> With Reload works much better with Hamburger Menus although it would be nice if when selecting the top menu item it would also show the sub menus without having to click on it again to see them.

But the much bigger issue now is that with the >> With Reload option selected on non-Hamburger views (PC & Laptop) when selecting the top menu the sub menu drop down appears and doesn’t go away no matter where on the page is clicked. It even stays open when you select and go to one of the subpages.

Is there another option I also need to do or is it a bug?

Hi,

Please select the Menu >> Hamburger Panel >> Submenu Level >> With Reload.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi,

Please select the Menu >> Hamburger Panel >> Submenu Level >> With Reload.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Laszlo,

The Submenu improvements for the Off-Canvas Panel has been released.

...................................................
Sincerely,
Allen R.
Nicepage Support Team

Can you please expand on this? We have tried all three Open Types but in Quick Preview mode the top page is still greyed out and not clickable when using Hamburger Menus

Laszlo,

The Submenu improvements for the Off-Canvas Panel has been released.

...................................................
Sincerely,
Allen R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Last edited 18 December 2020 by Support Team

Hello Support Team,
Did happen some improvement regarding the hamburger menu (submenu) issue? Many of our customers complain that they cannot our our mobile menus we develop via Nicepage ...
I agree with the upper colleagues that this issue is a BASIC, burning issue. Shall not be push-back nor workaround for you (and us) by saying that others are struggeling too.
No, they don't!They solved. Check out other competitors, or any professional site - all works with proper sub-menu solutions.
We need to access the sub-menus no matter which device is used. Or you/we need to revoke the "device adaptive" display functionality you are marketing.
Please escalate to Oleg the issue and get a solution - actually most of your customers (as myself) we are struggeling with this issue'
Many thanks,
Laszlo

in my opinion the fact that the top level is a separator and not a link to a page is a good thing.

Many basic and senior users would not understand that the label and the arrow are different things

Having 2 links on the same line is madness,

In fact, most of us use separators.

Alan,

Thank you for your suggestions. We have added it to our wish list.

...................................................
Sincerely,
Allen R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

I haven't paid much attention to how hamburger menus work on other websites but I came across this and it seems to be a simple and elegant solution. The website is the US government website, quantum.gov.

The first screenshot shows the collapsed menu. Clicking/tapping on the down arrow next to a menu item expands that menu item's submenu, but clicking on the actual menu title opens the page attached to the menu item.

I think this gets around the problem of what to do when a menu text is tapped. Nicepage already provides a down arrow for horizontal menus (although some control over its styling and size would be good) so could that be added to the hamburger menu to control the display of submenus and leave the text of the menu item to open its own page?

Hi,

You have seen that the application works in this way and that is the common solution for the mobile menus that is used by a large number of modern sites. In any case we have considered the option to research the other solutions for the mobile menus.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi,

I totally agree with franco! It is truely unbelievable that your attitude toward solving problems is like this: "So the possibility to improve the mobile menu functionality is considered by our developers." Considered?????

The first post in this thread was a year ago and still the same problem excists.

I am a new user of Nicepage and at first I thought I am doing something wrong since the mobile menus dont work the way one would expect them to work. But then I found this thread and now I am really dissapointed! Mobile is the thing of today and I cant design websites which wont work right.

I am starting to regret that I paid for this. Seems to have been a waste of money.

Last edited 28 October 2020 by piiseli1956