Mobile Menu Not Working

Thank you.

> "Dekstop Menu" not hidden when browser width decrease to small width (phone portrait)
You are correct, resizing is abandoned, the latest approach is based on touch vs. no-touch devices, not device width anymore.
Try pressing CTRL/CMD + SHIF + M, and change to any mobile device accordingly.
Shortly, do not resize from desktop to mobile. Use the provided browser device simulators.

You can however use old approach with media queries to hide and show based on device width, see and override css/*.css

> The hamburger icon when click has no effect.
It should work when you follow the steps above. Let me know if persists?

Also just in case, did you customize anything? If so, please follow up here:
https://www.drupal.org/node/3447576 →

In case you don't have device emulators, if firefox, try installing Firefox developer version. Chrome should do by default IIRC.

See the screenshot for what I meant.

Hello,
Thanks for your quick reply,

I'm sorry I was forgot to mentioned that I use Firefox Developer browser and tested it using ctrl + shift + m . I also use my phone to test the mobile menu.

This is a screenshot from my phone using ultimenu 3.0.3 -

Even on desktop, the menu is stacked vertically

This is what it should be on mobile (just downgrade to Ultimenu 3.0.0) -

Please screenshot your ultimenu block form?

Be sure to re-save and re-configure both forms as noted in UPDATING section:

• /admin/structure/ultimenu
• /admin/structure/ultimenu/ULTIMENUMAINNAVIGATION

The capital needs adjusting, different from theme to theme.

To disable hamburger for desktop, uncheck Always use hamburger at admin block.

More details in UPDATING and STYLING sections.

This is the screenshot of my ultimenu block form https://ibb.co.com/zV0ymW6

Btw I also update ultimenu to 3.0.3 on my other site and mobile menu behave the same after update.

One obvious mistake (not expected selector) is Off-canvas element.

It must be the previous sibling of On-canvas element.

Press F12, Inspect the Header element, or any container siblings to the On-canvas element(s). Put its ID or class if it has no ID.

More details:
https://git.drupalcode.org/project/ultimenu/-/blob/3.0.x/docs/STYLING.md...

Be sure to save /admin/structure/ultimenu to remove old settings which may break the updated structure.

Let me know?

Feel free to re-open if still an issue.

Thank you.

Automatically closed - issue fixed for 2 weeks with no activity.