Hamburger icon doesn't work

Ask the community
,
1

Hi, I’m creating the hamburger menu icon for smaller breakpoints. I might have missed any steps or it just doesn’t work (in Preview, when I click on the icon, the vertical menu doesn’t open)

My steps:
1 - I create a regular horizontal menu for desktop

1264×134 7.89 KB

2 - I add the hamburger icon for smaller breakpoints. When I click “Open Menu” under the hamburger icon, there is something there.

1534×824 37.7 KB

But in Preview, the hamburger is not even clickable (cursor doesn’t change when hovering).

In all the tutorials I watch, no extra steps is shown when adding the hamburger icon. Or did I miss anything?

Thanks!

2

Hey @phanhlosophy-design !

Perhaps there is an element that is overlapping the hamburger menu icon which is preventing it from being clicked. Have you brought the component to the front in your layers?

3

Hi @noahlovell , thanks for your response!
It seems to me that nothing’s blocking the hamburger icon.
(attached: Tablet view screenshot)

993×392 33.7 KB

1 Like