hamburger menu

Hi Tom,

That is how the Nicepage mobile menu works. I mean the menu item that has subitems always works as a separator in the mobile menu as the hover state os not defined in the touch devices. There is no way to change this behavior.

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

is there anyway to change the hamburger menu to a single line while keeping the regular menu a multilevel?

Hi,

Unfortunately, Nicepage Menu does not support this functionality. But you can try creating two menus and display the menu with the desired layout in responsive modes.
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

I have exactly the same problem. Could you describe how to create a second menu und display two different menus in this way? This would be a great help for all people who fight this problem. Thanks!

Sincerely,
Anja

Hi,

You can create two different menu positions in the header and use the Hide On option for one position to be shown in the desktop view and another one to be shown in responsive views. The in your CMS create two different menus and assign them to the corresponding positions.

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

That is how the Nicepage mobile menu works. I mean the menu item that has subitems always works as a separator in the mobile menu as the hover state os not defined in the touch devices. There is no way to change this behavior.

I have just encountered this problem. I can understand that in the hamburger menu, when a menu item is clicked, it has to open any sub-menu items (so they can be seen), but can't it also open the page that is attached to the main menu item? That would be behind the menu panel but would be seen and show fully when the menu is closed.

The problem with creating a separate hamburger menu as you suggested is (if I understand it correctly) you have to duplicate the menu item for the higher level menu item in a sub-menu so it can be clicked on separately.

For example, for a standard header menu:

Menu item 1 | Menu item 2 | Menu item 3
                Sub-menu item 1
                Sub-menu item 2

Where Menu Item 2 is linked to a page and also has one or more sub-menu items

For the 'equivalent' hamburger menu, it would need to be:

Menu item 1


Menu item 2
    Menu item 2 [this is needed so it can be clicked on]
    Sub-menu item 1
    Sub-menu item 2


Menu item 3

The same applies every time a menu item links to a page and also has sub-ment items - is not just at the top level but also at lower levels. This seems cumbersome and creates more work to keep updated as two menus have to be updated for any changes.

Have I understood this correctly and is my suggestion of opening that page when the menu item is clicked (as well as expanding the sub-menu) feasible?

The only alternative I can see is to abandon ever having menu items (that have sub-menus) from opening their own page.

I'm not sure I understand how to add the second menu.

In Nicepage desktop, I've added a menu widget and placed it at the right of the header where I'd want the hamburger to be.

There is an option in the right-hand panel to select a menu but the only selection is 0. See screenshot.

Do I need to create a new menu in desktop before exporting to WordPress? If so, how?

Is the Widget title the name of the menu position that will appear in WordPress?

If I call the menu position 'Hamburger' and import that theme into WordPress, there is no new widget position or menu location that appears.

What have I misunderstood?

Hi Tom,

We may reconsider the way the menu items with the links are handled in the mobile version, but that is not a simple topic and there is no one general solution.
As for the two menus, just add one more Menu control in the header and then you should get another menu location in WP when you install the exported theme.

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

Hella

Just coming to this, it does seem to be a significant limitation - it shouldn't really be necessary to have two different menus that have to be maintained separately.

Having just discovered that I can add elements into the panel, I may just create a menu from links - I think that will give me better control - it's a small site with a fairly simple menu structure. The downside is that I think I have to create and maintain this in Nicepage desktop, rather than in WordPress.

Hella

We may reconsider the way the menu items with the links are handled in the mobile version, but that is not a simple topic and there is no one general solution.

Great!

As for the two menus, just add one more Menu control in the header and then you should get another menu location in WP when you install the exported theme.

Can you clarify what I need to add to get the second menu? Is the element the Header and Menu: Menu element or the WordPress Widget: Menu Widget element. Or do I add a Position and Shortcode: Position & Wodget Area?

Hi,

You need the second Menu control (Nicepage Header and Menu: Menu). This control creates a location for the WordPress menu. You will be able to assign the desired WP menu to this location under the WP Menus in a usual way.
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

Hella

A suggestion: it might be useful to have an option for the hamburger menu to always be fully expanded. This is probably only feasible for small websites but clicking on a top-level menu item could open the page it links to rather than having to expand the sub-menu items below it.

Hi,

We're discussing the possible options to allow parent item to open the page and expand the subitems at the same time.

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

I suggested this on a similar thread but may be useful here:

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?

Alan,

Thank you for your suggestions. We have added those 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

You need the second Menu control (Nicepage Header and Menu: Menu). This control creates a location for the WordPress menu. You will be able to assign the desired WP menu to this location under the WP Menus in a usual way.
Please let us know if you have any further questions.

Thanks, Olivia. I've implemented that and it works fine. It would still be good not to have to maintain two separate menus, so I hope you will look at ways to improve the hamburger menu.

Thanks!

Hi,

Thank you for your comments.
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

I do not understand why this is such a difficult task as you keep saying to everyone... I have made many many website and only you are having issues to sort this out. Find attached files to one of my websites created in WP - bakery builder.. Easy to do... I have paid for one year membership to give you a chance but this is terrible. I have found many mistakes but this hamburger issues is the biggest one.

Hi,

Thanks for contacting us

Please create a separate ticket for your issue and explain your difficulties in more detail.

Make sure that your Theme and Nicepage plugin are matching the same Nicepage version.
...................................................
Sincerely,
Ahmad.
Nicepage Support Team

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